:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--navy-950:#071326;--navy-900:#0d1c35;--navy-800:#142a4c;--gold:#cda72e;--gold-deep:#977310;--gold-soft:#f4e5a4;--gold-faint:#fff8dc;--paper:#f5f3ec;--card:#fff;--ink:#172033;--ink-soft:#667087;--line:#dfe3eb;--green:#188652;--red:#b5493c;--shadow:0 18px 50px #07132617;background:#f5f3ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.app-shell{background:radial-gradient(circle at 90% -10%, #cda72e1f, transparent 30rem), var(--paper);min-height:100dvh}.side-navigation{z-index:20;color:#fff;background:linear-gradient(160deg, var(--navy-800), var(--navy-950) 75%);flex-direction:column;width:250px;padding:24px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:12px 0 40px #0713261f}.brand-mark{align-items:center;gap:12px;padding:4px 8px 30px;display:flex}.brand-icon{width:48px;height:48px;color:var(--navy-950);background:linear-gradient(145deg, var(--gold-soft), var(--gold));border-radius:15px;place-items:center;display:grid;box-shadow:0 9px 24px #cda72e40}.brand-mark strong,.brand-mark small{display:block}.brand-mark strong{letter-spacing:.03em;font-size:19px}.brand-mark small{color:var(--gold-soft);letter-spacing:.16em;text-transform:uppercase;margin-top:1px;font-size:13px}.side-navigation nav{gap:8px;display:grid}.nav-item{color:#ffffffb8;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:13px;min-height:54px;padding:0 15px;display:flex}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:var(--navy-950);background:linear-gradient(135deg, var(--gold-soft), var(--gold));border-color:#f4e5a4a6;font-weight:750;box-shadow:0 10px 22px #0000002b}.side-footer{color:#ffffffa6;border-top:1px solid #ffffff1c;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:auto;padding:15px 10px 4px;font-size:12px;display:grid}.side-footer small{color:var(--gold-soft)}.status-dot{background:var(--gold);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #cda72e1f}main{min-height:100vh;margin-left:250px}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f3ece0;border-bottom:1px solid #0d1c3517;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:12px clamp(24px,4vw,56px);display:flex;position:sticky;top:0}.topbar-context{color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:750;display:block}.topbar strong{color:var(--navy-900);font-size:20px}.topbar-actions{align-items:center;gap:12px;display:flex}.sync-state{color:#6b5410;background:var(--gold-faint);border:1px solid #e1c55d;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 13px;font-size:13px;font-weight:700;display:inline-flex}.icon-button{color:#fff;background:var(--navy-900);cursor:pointer;border:0;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.page-content{width:min(1380px,100%);margin:0 auto;padding:clamp(24px,4vw,56px)}.demo-ribbon,.action-notice{border-radius:13px;align-items:center;gap:8px;min-height:43px;margin-bottom:14px;padding:9px 14px;font-size:13px;line-height:1.45;display:flex}.demo-ribbon{color:#6b5410;background:var(--gold-faint);border:1px solid #e1c55d}.action-notice{color:#0d693e;background:#ecf8f1;border:1px solid #9bd0b4}.hero-panel{color:#fff;background:radial-gradient(circle at 82% 20%, #cda72e3d, transparent 24rem), linear-gradient(145deg, var(--navy-800), var(--navy-950));min-height:225px;box-shadow:var(--shadow);border:1px solid #f4e5a426;border-radius:28px;justify-content:space-between;align-items:flex-end;gap:32px;padding:clamp(28px,4vw,50px);display:flex;position:relative;overflow:hidden}.hero-panel:after{content:"";border:42px solid #cda72e12;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-110px;right:-65px}.hero-panel>*{z-index:1;position:relative}.eyebrow{color:var(--gold-soft);letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.eyebrow.dark{color:var(--gold-deep)}.hero-panel h1{letter-spacing:-.035em;max-width:760px;margin:0;font-size:clamp(32px,4.1vw,58px);line-height:1.03}.hero-panel p{color:#ffffffb8;max-width:750px;margin:18px 0 0;font-size:clamp(15px,1.5vw,18px);line-height:1.6}.hero-badge{min-width:250px;color:var(--navy-950);background:linear-gradient(145deg, var(--gold-soft), var(--gold));border-radius:18px;align-items:center;gap:13px;padding:17px 18px;display:flex}.hero-badge strong,.hero-badge small{display:block}.hero-badge strong{font-size:15px}.hero-badge small{color:#071326b3;margin-top:3px;font-size:12px}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px;display:grid}.metric-card{border:1px solid var(--line);background:var(--card);border-radius:20px;padding:23px 25px;box-shadow:0 10px 30px #0713260d}.metric-card span,.metric-card small{color:var(--ink-soft);display:block}.metric-card span{font-size:13px;font-weight:750}.metric-card strong{color:var(--navy-900);letter-spacing:-.03em;margin:9px 0 5px;font-size:31px;display:block}.metric-card small{font-size:12px}.content-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:22px;margin-top:22px;display:grid}.content-card{border:1px solid var(--line);background:var(--card);border-radius:22px;padding:clamp(25px,3vw,36px);box-shadow:0 10px 32px #0713260d}.content-card h2{color:var(--navy-900);letter-spacing:-.025em;margin:0;font-size:clamp(23px,2.4vw,31px)}.content-card p{color:var(--ink-soft);margin:12px 0 0;line-height:1.65}.primary-card{grid-template-columns:auto 1fr;align-items:start;gap:22px;display:grid}.card-icon{width:58px;height:58px;color:var(--navy-950);background:linear-gradient(145deg, var(--gold-soft), var(--gold));border-radius:17px;place-items:center;display:grid}.primary-button{min-height:48px;color:var(--navy-950);border:1px solid var(--gold-deep);background:linear-gradient(145deg, var(--gold-soft), var(--gold));cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:10px;margin-top:23px;padding:0 19px;font-weight:800;display:inline-flex;box-shadow:0 9px 21px #cda72e33}.boundary-card ul{gap:13px;margin:20px 0 0;padding:0;list-style:none;display:grid}.boundary-card li{color:var(--ink-soft);border-left:3px solid var(--gold);background:var(--gold-faint);border-radius:0 11px 11px 0;padding:13px 15px;line-height:1.45}.boundary-card strong{color:var(--navy-900)}.empty-state{text-align:center;max-width:860px;margin:22px auto 0;padding:clamp(35px,6vw,72px)}.empty-state .card-icon{margin:0 auto 25px}.empty-state p{max-width:650px;margin:15px auto 0}.bottom-navigation{display:none}.module-stack{gap:15px;margin-top:22px;display:grid}.module-toolbar,.module-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.module-toolbar{padding:5px 2px}.module-toolbar h2,.module-heading h2{color:var(--navy-900);letter-spacing:-.025em;margin:0;font-size:clamp(23px,2.4vw,31px)}.module-heading p{color:var(--ink-soft);margin:7px 0 0}.module-card{margin-top:22px}.transfer-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px 22px;display:grid}.transfer-icon{width:52px;height:52px;color:var(--navy-900);background:var(--gold-faint);border:1px solid #ead376;border-radius:15px;place-items:center;display:grid}.transfer-summary{min-width:0}.transfer-title-row{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.transfer-title-row strong,.transfer-title-row span{display:block}.transfer-title-row strong{color:var(--navy-900);font-size:18px}.transfer-title-row div>span{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;overflow:hidden}.transfer-meta{color:var(--ink-soft);flex-wrap:wrap;gap:10px 22px;margin-top:13px;font-size:12px;display:flex}.status-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.status-badge.dispatched,.status-badge.warning{color:#6b5410;background:var(--gold-faint);border:1px solid #e1c55d}.status-badge.received{color:#0d693e;background:#ecf8f1;border:1px solid #9bd0b4}.status-badge.disputed{color:#8d3027;background:#fff0ed;border:1px solid #dfa69f}.secondary-button{min-height:45px;color:var(--navy-900);cursor:pointer;background:#fff;border:1px solid #c7cedb;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:750;display:inline-flex}.primary-button.compact{white-space:nowrap;min-height:43px;margin-top:0;font-size:13px}.form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.form-actions .primary-button{margin-top:0}.total-value{color:var(--navy-900);letter-spacing:-.04em;font-size:clamp(24px,3vw,36px)}.table-wrap{border:1px solid var(--line);border-radius:16px;width:100%;margin-top:22px;overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%;min-width:680px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:15px 17px}th{color:var(--ink-soft);letter-spacing:.07em;text-transform:uppercase;background:#f7f8fa;font-size:11px}td{color:#344056;font-size:13px}tbody tr:last-child td{border-bottom:0}td strong,td small{display:block}td strong{color:var(--navy-900)}td small{color:var(--ink-soft);margin-top:4px}.inline-badge{color:#6b5410;background:var(--gold-faint);border:1px solid #e1c55d;border-radius:999px;margin-top:8px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.catalog-panel{background:var(--gold-faint);border:1px solid #ead376;border-radius:17px;grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);gap:24px;margin-top:28px;padding:22px;display:grid}.catalog-panel h3{color:var(--navy-900);margin:0;font-size:25px}.catalog-panel p{color:var(--ink-soft);margin:8px 0 0;font-size:13px;line-height:1.55}.catalog-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.catalog-chips>span{min-width:0;color:var(--navy-900);background:#fff;border:1px solid #cda72e59;border-radius:11px;padding:11px 12px;font-size:12px;font-weight:750}.catalog-chips small{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;font-weight:500;display:block;overflow:hidden}.quantity-field{background:#fff;border:1px solid #b7c0cf;border-radius:11px;align-items:center;width:150px;min-height:44px;display:inline-flex;overflow:hidden}.quantity-field:focus-within{border-color:var(--gold-deep);box-shadow:0 0 0 3px #cda72e29}.quantity-field input{width:100%;min-width:0;color:var(--navy-900);background:0 0;border:0;outline:0;padding:9px 4px 9px 11px;font-weight:800}.quantity-field>span:last-child{color:var(--ink-soft);padding:0 11px 0 6px;font-size:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1050px){.side-navigation{width:92px;padding-inline:12px}.brand-mark{justify-content:center;padding-inline:0}.brand-mark>span:last-child,.nav-item span,.side-footer span:not(.status-dot),.side-footer small{display:none}.nav-item{justify-content:center;padding:0}.side-footer{grid-template-columns:1fr;justify-items:center}main{margin-left:92px}.hero-panel{flex-direction:column;align-items:flex-start}.hero-badge{min-width:0}.content-grid{grid-template-columns:1fr}}@media (width<=720px){.side-navigation{display:none}main{padding-bottom:calc(80px + env(safe-area-inset-bottom));margin-left:0}.topbar{min-height:66px;padding:10px 17px}.sync-state{display:none}.page-content{padding:17px}.hero-panel{border-radius:21px;min-height:0;padding:26px 23px}.hero-panel h1{font-size:clamp(30px,9vw,44px)}.hero-badge{width:100%}.metrics-grid{grid-template-columns:1fr;gap:12px}.content-card{border-radius:18px}.primary-card{grid-template-columns:1fr}.demo-ribbon,.action-notice{align-items:flex-start}.module-toolbar,.module-heading{flex-direction:column;align-items:flex-start}.module-toolbar .secondary-button{width:100%}.transfer-card{grid-template-columns:auto 1fr;padding:18px}.transfer-title-row{flex-direction:column;gap:9px}.transfer-card>.primary-button{grid-column:1/-1;width:100%}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.catalog-panel,.catalog-chips{grid-template-columns:1fr}.bottom-navigation{z-index:30;padding:7px 5px calc(7px + env(safe-area-inset-bottom));background:var(--navy-950);border-top:1px solid #ffffff1a;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -10px 35px #0713262e}.bottom-navigation button{color:#ffffff9e;cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;gap:2px;min-height:54px;padding:5px 1px;font-size:9px;display:grid}.bottom-navigation button.active{color:var(--navy-950);background:linear-gradient(145deg, var(--gold-soft), var(--gold));font-weight:800}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}