:root{color-scheme:dark;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#07101b;--panel:#0a1622;--raised:#0e1b2a;--line:#1a2b3b;--line2:#294256;--text:#e7f0fa;--muted:#8298ae;--cyan:#29c9ef;--mint:#24d6c5;--blue:#3899ff;--violet:#8e7dff;--amber:#f6b84b;--rose:#ff668b;--green:#45d8a0}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #48d9f1;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{min-height:100vh;display:flex;background:var(--bg)}.sidebar{position:sticky;top:0;display:flex;flex:0 0 168px;flex-direction:column;width:168px;height:100vh;min-height:560px;padding:0 10px 12px;border-right:1px solid #162638;background:#081320;z-index:30}.brand{height:65px;display:flex;align-items:center;gap:10px;padding:0 8px;border-bottom:1px solid #162638}.brand-mark{display:grid;place-items:center;width:33px;height:33px;color:#3ddcf1;border:1px solid #1e637b;border-radius:10px;background:#0e2a3c;box-shadow:0 0 16px #0aa8da22}.brand-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.brand-copy strong{font-size:14px;font-weight:680;white-space:nowrap;letter-spacing:-.02em}.brand-copy small{color:#7d91a6;font-size:12px;letter-spacing:.04em}.sidebar-caption{margin:22px 8px 10px;color:#566e84;font-size:12px;letter-spacing:.08em}.nav-list{display:grid;gap:4px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:43px;padding:0 11px;border:1px solid transparent;border-radius:9px;background:transparent;color:#90a5bb;text-align:left;font-size:13px;cursor:pointer;transition:color .18s,background .18s,border-color .18s}.nav-item:hover{color:#dceafa;background:#102033}.nav-item-active{color:#dffcff;border-color:#1b5b6b;background:#102c3b;box-shadow:inset 3px 0 #23c8ec,0 0 22px #16a5d219}.nav-item-active>svg{color:#37daf1}.nav-pulse{width:5px;height:5px;margin-left:auto;border-radius:50%;background:#41e2ee;box-shadow:0 0 9px #41e2ee;animation:signalPulse 2s ease-in-out infinite}.sidebar-bottom{display:grid;gap:5px;margin-top:auto}.side-status{display:flex;align-items:center;gap:9px;padding:10px 8px 12px;border-top:1px solid #162638}.signal-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#2cdda8;box-shadow:0 0 10px #2cdda8a0;animation:signalPulse 2.4s ease-in-out infinite}.side-status div,.side-user>div{display:flex;flex-direction:column;gap:3px;min-width:0}.side-status strong,.side-user strong{font-size:12px;font-weight:580}.side-status small,.side-user small{color:#70869c;font-size:11px}.nav-item-muted{min-height:37px;font-size:12px}.side-user{display:flex;align-items:center;gap:9px;margin:6px 2px 0;padding:10px 6px 2px;border-top:1px solid #162638}.avatar{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #275275;border-radius:50%;background:#173a53;color:#c7f5ff;font-size:12px;font-weight:650}.side-user .icon-button{margin-left:auto}.sidebar-close,.mobile-menu,.nav-scrim{display:none}.main-column{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;height:65px;padding:0 clamp(18px,2vw,30px);border-bottom:1px solid #182b3d;background:#081320ed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-search{display:flex;align-items:center;flex:1 1 440px;gap:10px;max-width:560px;height:39px;padding:0 11px;border:1px solid #23384d;border-radius:9px;background:#0b1927;color:#7a91a8}.topbar-search:focus-within{border-color:#268eac;box-shadow:0 0 0 3px #28c6e817}.topbar-search input{min-width:0;flex:1;border:0;outline:none;color:var(--text);background:transparent;font-size:12px}.topbar-search input::placeholder{color:#6e8297}kbd{padding:3px 5px;border:1px solid #2a4053;border-radius:4px;color:#647a90;font-size:11px;white-space:nowrap}.topbar-tools{display:flex;align-items:center;gap:18px;margin-left:auto}.top-date{display:flex;align-items:center;gap:7px;color:#9cb0c4;font-size:12px;white-space:nowrap}.icon-button{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border:1px solid transparent;border-radius:8px;background:transparent;color:#92a8bd;cursor:pointer;transition:color .16s,background .16s,border-color .16s}.icon-button:hover{color:#e7f7ff;border-color:#2a4357;background:#102131}.notification-button i{position:absolute;top:-3px;right:-2px;display:grid;place-items:center;width:15px;height:15px;border:2px solid #081320;border-radius:50%;background:#e04c77;color:#fff;font-size:10px;font-style:normal}.top-user{display:flex;align-items:center;gap:8px;white-space:nowrap}.top-user>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.top-user strong{font-size:12px;font-weight:600}.top-user small{color:#74899d;font-size:11px}.page-content{width:100%;max-width:1800px;margin:0 auto;padding:24px clamp(18px,2.25vw,36px)}.page-heading{position:relative;display:flex;align-items:flex-end;justify-content:space-between;min-height:92px;gap:24px;padding:2px 0 21px;overflow:hidden}.page-heading:before{position:absolute;z-index:0;content:"";top:-10px;right:-22px;bottom:0;left:42%;background:url(/assets/ops/network-pulse.png) center right/cover no-repeat;opacity:.6;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%);mask-image:linear-gradient(90deg,transparent,#000 35%)}.heading-copy,.heading-actions{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:7px;color:#67b8cf;font-size:12px;letter-spacing:.08em}.eyebrow .signal-dot{width:5px;height:5px;flex-basis:5px}h1,h2,h3,p{margin-top:0}.page-heading h1{margin-bottom:6px;font-size:clamp(24px,2.3vw,31px);font-weight:660;letter-spacing:-.035em}.page-heading p{margin:0;color:#91a9c0;font-size:13px;line-height:1.6}.heading-actions{display:flex;align-items:center;gap:9px;padding-bottom:2px}.date-pill{display:flex;align-items:center;gap:7px;color:#91a8bd;font-size:12px;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 12px;border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:620;white-space:nowrap;cursor:pointer;transition:transform .15s,background .15s,border-color .15s}.button:active{transform:translateY(1px)}.button-primary{border-color:#26bfda;background:#16afce;color:#04121a;box-shadow:0 5px 18px #10b5d522}.button-primary:hover{border-color:#6be6f4;background:#38cbe2}.button-secondary{border-color:#287c75;background:#0e3737;color:#72eee0}.button-secondary:hover{background:#15504c}.button-ghost{border-color:#26394a;background:#0b1724;color:#a8bacb}.button-ghost:hover{border-color:#3b596d;color:#fff}.metric-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:112px;border:1px solid #1d3245;border-radius:12px;overflow:hidden;background:#0b1724}.metric-cell{position:relative;min-width:0;border-right:1px solid #1b3042}.metric-cell:last-child{border-right:0}.metric-card{display:flex;align-items:center;width:100%;height:100%;min-height:110px;gap:12px;padding:16px clamp(10px,1.25vw,19px);border:0;background:transparent;text-align:left;cursor:pointer;transition:background .2s}.metric-card:hover{background:#112236}.metric-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid currentColor;border-radius:50%;box-shadow:0 0 14px #1aafe41f}.metric-blue{color:#4e9eff;background:#102b4a}.metric-mint{color:#26dfc6;background:#0e3838}.metric-cyan{color:#31cbed;background:#0f3445}.metric-violet{color:#9b8bff;background:#29244b}.metric-main{display:flex;flex-direction:column;min-width:0;gap:3px}.metric-main small{color:#a1b5c8;font-size:12px}.metric-main strong{font-size:clamp(21px,2.1vw,28px);font-weight:670;line-height:1.12;letter-spacing:-.035em}.metric-main strong i{margin-left:4px;color:#9eb2c7;font-size:12px;font-style:normal;font-weight:500;letter-spacing:0}.metric-main em{overflow:hidden;color:#778da2;font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.metric-meta{display:flex;flex-direction:column;gap:7px;margin-left:auto;text-align:right}.metric-meta .trend{display:flex;align-items:center;justify-content:flex-end;color:#38d7a4;font-size:12px;font-weight:620}.metric-meta small{max-width:105px;overflow:hidden;color:#778da3;font-size:10px;line-height:1.35;text-overflow:ellipsis}.flow-arrow{position:absolute;z-index:1;top:calc(50% - 10px);right:-10px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#0a1825;color:#20caeb}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.9fr);gap:16px;margin-top:16px;align-items:start}.surface{min-width:0;border:1px solid #1b3043;border-radius:12px;background:#0a1622;box-shadow:0 9px 28px #01060c21}.activity-surface{overflow:hidden}.surface-heading{display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:16px;padding:14px 16px;border-bottom:1px solid #1b2d3e}.title-with-icon{display:flex;align-items:center;gap:10px;min-width:0}.title-with-icon>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #256174;border-radius:9px;background:#0d2b3a;color:#47d9ee}.title-with-icon h2,.surface-heading h2{margin:0 0 3px;font-size:14px;font-weight:620;letter-spacing:-.01em}.title-with-icon p,.surface-heading p{margin:0;color:#7d92a7;font-size:11px}.pulse-icon{position:relative}.pulse-icon:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border:1px solid #44ddf2;border-radius:inherit;animation:outlinePulse 2.2s ease-out infinite}.select-wrap{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:31px;padding:0 8px;border:1px solid #263c50;border-radius:7px;background:#0c1a28;color:#8aa1b7}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;max-width:140px;padding:0 3px;border:0;outline:none;background:transparent;color:#b8c9d8;font-size:11px;cursor:pointer}.select-wrap option{background:#102033;color:#fff}.activity-list{padding:2px 12px}.activity-row{display:grid;grid-template-columns:43px 29px minmax(120px,1fr) 38px minmax(90px,auto) 17px;align-items:center;gap:9px;width:100%;min-height:61px;padding:6px 5px;border:0;border-bottom:1px solid #162839;background:transparent;text-align:left;cursor:pointer;transition:background .16s}.activity-row:hover{background:#0d1f2e}.activity-row:last-child{border-bottom:0}.activity-time{color:#7e95aa;font-size:11px;font-variant-numeric:tabular-nums}.activity-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid currentColor;border-radius:50%}.activity-blue{color:#55a3ff;background:#10294a}.activity-violet{color:#a494ff;background:#292448}.activity-mint{color:#31deca;background:#0e3837}.activity-amber{color:#f5bf55;background:#3a2d18}.activity-body{display:flex;flex-direction:column;min-width:0;gap:4px}.activity-body strong{font-size:12px;font-weight:580}.activity-body span{overflow:hidden;color:#8298ad;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.product-image{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;overflow:hidden;border:1px solid #22364a;border-radius:8px;background:#0c1b29}.product-image img{display:block;max-width:88%;max-height:88%;object-fit:contain}.product-image-small{flex-basis:32px;width:32px;height:32px;border-radius:6px}.activity-amount{text-align:right;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}.amount-in{color:#32d8ae}.amount-out{color:#ff7e9a}.activity-chevron{color:#617b92}.activity-footer{display:flex;align-items:center;justify-content:space-between;min-height:43px;padding:0 17px;border-top:1px solid #182c3d;color:#73899e;font-size:11px}.activity-footer button,.link-button{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:#49cce4;font-size:11px;cursor:pointer}.activity-footer button:hover,.link-button:hover{color:#99f1ff}.right-rail{display:grid;gap:15px}.stock-surface,.pending-surface{overflow:hidden}.stock-heading{min-height:66px;padding:12px 14px}.stock-heading .title-with-icon>span{flex-basis:32px;width:32px;height:32px;border:0;background:transparent}.stock-heading .title-with-icon .alert-icon{color:#ff6a91}.stock-heading .title-with-icon .pending-icon{color:#45bcff}.stock-list{padding:2px 13px}.stock-row{display:grid;grid-template-columns:48px minmax(90px,1fr) auto;align-items:center;gap:9px;min-height:77px;border-bottom:1px solid #182c3d}.stock-row:last-child{border-bottom:0}.stock-copy{display:flex;flex-direction:column;min-width:0;gap:4px}.stock-copy strong{overflow:hidden;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.stock-copy small,.stock-copy>span{color:#768da2;font-size:10px;white-space:nowrap}.stock-copy>span b{color:#ff7190;font-size:12px;font-weight:650}.stock-copy>span i{margin-left:2px;font-style:normal}.stock-divider{margin:0 4px;color:#3e5367}.badge{display:inline-flex;align-items:center;gap:4px;width:max-content;max-width:100%;padding:4px 6px;border:1px solid #28465f;border-radius:5px;background:#10263a;color:#9fc5e7;font-size:10px;line-height:1;white-space:nowrap}.badge-blue{border-color:#245b85;background:#0d2940;color:#66b9f2}.badge-green,.badge-mint{border-color:#205e54;background:#0d302d;color:#4be0b1}.badge-amber{border-color:#73572c;background:#342818;color:#f3c365}.badge-rose{border-color:#6d3348;background:#361b28;color:#ff88a4}.badge-violet{border-color:#51457e;background:#292344;color:#c1b4ff}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.stock-cta{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 26px);min-height:32px;margin:9px 13px 12px;padding:0 9px;border:1px solid #27566d;border-radius:7px;background:#0c2534;color:#59d7e9;font-size:11px;cursor:pointer}.stock-cta:hover{border-color:#43cce2;background:#10374a}.pending-surface .surface-heading{border-bottom:0}.pending-row{display:grid;grid-template-columns:7px minmax(72px,auto) minmax(60px,1fr) 15px;align-items:center;gap:8px;width:100%;min-height:36px;padding:0 14px;border:0;border-top:1px solid #182c3d;background:transparent;text-align:left;cursor:pointer}.pending-row:hover{background:#0f2030}.pending-row strong{font-size:11px;font-weight:560;white-space:nowrap}.pending-row>span:nth-of-type(2){overflow:hidden;color:#778ea3;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.pending-row>svg{color:#637b91}.pending-marker{width:6px;height:6px;border-radius:50%}.pending-pink{background:#ef608d;box-shadow:0 0 8px #ef608d55}.pending-amber{background:#ffbb4a}.pending-blue{background:#469fff}.pending-cyan{background:#31cced}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:14px clamp(18px,2.25vw,36px);border-top:1px solid #142638;color:#586e83;font-size:10px}.empty-state{display:grid;justify-items:center;gap:7px;padding:35px 15px;text-align:center}.empty-state>span{display:grid;place-items:center;width:35px;height:35px;border:1px solid #2a485c;border-radius:50%;background:#102638;color:#5bcde5}.empty-state strong{font-size:12px}.empty-state small{color:#7b91a5;font-size:11px}.data-surface{overflow:hidden}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:8px 15px;border-bottom:1px solid #1a2e40}.toolbar-tabs{display:flex;align-items:center;gap:16px;min-width:0}.toolbar-tabs>button,.toolbar-tabs>span{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 3px;border:0;border-bottom:2px solid transparent;background:transparent;color:#849aaf;font-size:11px;white-space:nowrap;cursor:pointer}.toolbar-tabs .toolbar-tab-active{border-bottom-color:#3ed8ef;color:#65e6f2}.toolbar-tabs b{padding:2px 5px;border-radius:4px;background:#17364a;color:#90def0;font-size:10px;font-weight:550}.toolbar-controls{display:flex;align-items:center;gap:8px}.table-scroll{width:100%;overflow-x:auto}table{width:100%;min-width:850px;border-collapse:collapse;text-align:left}th{height:36px;padding:0 12px;border-bottom:1px solid #1b3041;background:#0b1927;color:#7d94a9;font-size:10px;font-weight:570;white-space:nowrap}td{min-height:58px;padding:9px 12px;border-bottom:1px solid #172b3b;color:#aec0d0;font-size:11px;white-space:nowrap}tbody tr{transition:background .15s;cursor:pointer}tbody tr:hover{background:#0f2030}td>strong{display:block;color:#dce8f3;font-size:11px;font-weight:590}td small{display:block;margin-top:4px;color:#778da2;font-size:10px}.table-product{display:flex;align-items:center;gap:8px}.table-product>span:last-child{display:flex;flex-direction:column;gap:3px}.table-product strong{font-size:11px;font-weight:560}.table-product small{margin:0}.tracking-code{color:#65cbe7!important;font-size:10px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:3px}.mini-action{min-height:26px;padding:0 7px;border:1px solid #2b6873;border-radius:5px;background:#0e3039;color:#73dfeb;font-size:10px;white-space:nowrap;cursor:pointer}.mini-action:hover{background:#164750}.table-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:0 15px;color:#71879c;font-size:10px}.inventory-layout,.users-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:15px;align-items:start}.inventory-summary,.sales-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #1a2e40}.inventory-summary>div,.sales-summary>div{display:flex;flex-direction:column;gap:5px;min-width:0;padding:15px 17px;border-right:1px solid #1a2e40}.inventory-summary>div:last-child,.sales-summary>div:last-child{border-right:0}.inventory-summary span,.sales-summary small{color:#8297ab;font-size:11px}.inventory-summary strong,.sales-summary strong{color:#ebf5ff;font-size:22px;font-weight:650;line-height:1.15}.inventory-summary small,.sales-summary span{overflow:hidden;color:#687f94;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.inventory-summary .warning-number{color:#ffbe5c}.inventory-list{padding:4px 12px}.inventory-row{display:grid;grid-template-columns:48px minmax(95px,1fr) 56px minmax(45px,.55fr) 60px 72px auto 14px;align-items:center;gap:9px;width:100%;min-height:65px;padding:7px 5px;border:1px solid transparent;border-bottom-color:#172b3a;border-radius:6px;background:transparent;text-align:left;cursor:pointer}.inventory-row:hover{background:#0e2030}.inventory-row-active{border-color:#27677b;background:#102536}.inventory-product,.inventory-qty,.inventory-cost,.inventory-date{display:flex;flex-direction:column;min-width:0;gap:4px}.inventory-product strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.inventory-product small,.inventory-qty small,.inventory-cost small,.inventory-date small{color:#71879c;font-size:10px}.inventory-qty strong{font-size:13px;font-variant-numeric:tabular-nums}.inventory-stockbar{display:block;height:4px;overflow:hidden;border-radius:5px;background:#253647}.inventory-stockbar i{display:block;height:100%;border-radius:inherit;background:#35d4b4}.inventory-cost,.inventory-date{color:#bccbda;font-size:10px}.inventory-row>svg:last-child{color:#668096}.inventory-detail{padding:15px}.detail-product{position:relative;display:grid;grid-template-columns:57px minmax(0,1fr);gap:3px 10px;align-items:center;padding:4px 0 16px}.detail-product>.product-image{grid-row:span 3;width:57px;height:57px}.detail-product>.icon-button{position:absolute;top:0;right:0}.detail-product h2{margin:0;padding-right:30px;font-size:13px;font-weight:610}.detail-product>span:not(.product-image){color:#8297aa;font-size:10px}.detail-product .badge{margin-top:3px}.detail-tabs{display:flex;gap:16px;min-height:35px;border-bottom:1px solid #213446;color:#7d93a8;font-size:11px}.detail-tabs span{display:flex;align-items:center;border-bottom:2px solid transparent}.detail-tabs .detail-tab-active{border-bottom-color:#42cfe9;color:#68e5ef}.detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.detail-metrics>div{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid #203548;border-radius:8px;background:#0d1b29}.detail-metrics small,.detail-metrics span{color:#758ba0;font-size:10px}.detail-metrics strong{font-size:16px;font-weight:640}.detail-metrics strong i{color:#879daf;font-size:10px;font-style:normal}.inventory-detail>.button{width:100%}.detail-history-heading{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-bottom:8px;border-bottom:1px solid #1c3041}.detail-history-heading h3{margin:0;font-size:12px;font-weight:600}.detail-history-heading span{color:#758ca1;font-size:10px}.mini-timeline{display:grid}.timeline-entry{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:51px;border-bottom:1px solid #162b3a}.timeline-dot{width:9px;height:9px;border:2px solid #6b8ba4;border-radius:50%;background:#0b1926}.timeline-in{border-color:#32d6bd;box-shadow:0 0 8px #32d6bd55}.timeline-out{border-color:#937fff}.timeline-active{border-color:#3bd1eb;background:#31cae3;box-shadow:0 0 9px #31cae377}.timeline-entry>div{display:flex;flex-direction:column;gap:4px}.timeline-entry strong{font-size:10px;font-weight:560}.timeline-entry small{color:#758ba1;font-size:10px}.timeline-entry>b{font-size:10px;font-weight:560;white-space:nowrap}.detail-hint{display:flex;align-items:center;gap:6px;margin-top:12px;color:#6f8a9f;font-size:10px;line-height:1.5}.sales-summary{border-bottom:1px solid #1a2e40}.users-layout>.surface{padding-bottom:4px}.user-list{padding:0 14px}.user-row{display:grid;grid-template-columns:31px minmax(100px,1fr) minmax(140px,1.5fr) 65px 65px 30px;align-items:center;gap:10px;min-height:66px;border-bottom:1px solid #182c3d}.user-name,.user-role{display:flex;flex-direction:column;min-width:0;gap:4px}.user-name strong{font-size:12px;font-weight:590}.user-name small,.user-role small,.user-seen{overflow:hidden;color:#778ca1;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.user-role .badge{margin-bottom:2px}.permission-note{padding:17px}.permission-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:12px;border:1px solid #345076;border-radius:10px;background:#14253d;color:#9d8bff}.permission-note h2{margin-bottom:7px;font-size:14px}.permission-note p{margin:0;color:#8599ac;font-size:11px;line-height:1.7}.role-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.permission-security{display:flex;align-items:center;gap:6px;margin-top:15px;padding-top:12px;border-top:1px solid #203244;color:#3ecb9c;font-size:10px}.drawer-layer,.modal-layer{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;background:#020811b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.purchase-drawer{display:flex;flex-direction:column;width:min(470px,100%);height:100%;overflow:auto;border-left:1px solid #2a4558;background:#0a1623;box-shadow:-20px 0 60px #0008}.drawer-heading,.modal-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #1c3041;background:#0a1623ed;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.drawer-heading small,.modal-heading small{color:#6f8aa0;font-size:10px}.drawer-heading h2,.modal-heading h2{margin:4px 0 0;font-size:16px;font-weight:630}.drawer-product{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid #1a2e3e}.drawer-product>div{display:flex;flex-direction:column;min-width:0;gap:5px;flex:1}.drawer-product strong{font-size:12px}.drawer-product small{color:#8196aa;font-size:10px}.drawer-section{padding:16px 18px;border-bottom:1px solid #1a2d3d}.drawer-section h3{margin:0 0 11px;font-size:12px;font-weight:620}.drawer-section-title{display:flex;align-items:center;justify-content:space-between}.drawer-section-title .link-button{margin-bottom:8px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 14px}.info-grid>div{display:flex;flex-direction:column;min-width:0;gap:5px}.info-grid small{color:#748ba0;font-size:10px}.info-grid strong{overflow:hidden;color:#dce7f2;font-size:11px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.drawer-timeline{display:grid;gap:0;margin-top:10px}.drawer-event{position:relative;display:grid;grid-template-columns:13px 1fr;gap:8px;min-height:55px}.drawer-event:not(:last-child):before{position:absolute;top:9px;bottom:-3px;left:4px;width:1px;content:"";background:#244256}.drawer-event>div{display:flex;flex-direction:column;gap:4px;padding-bottom:11px}.drawer-event strong{font-size:11px}.drawer-event small,.drawer-event span:not(.timeline-dot){color:#7c91a5;font-size:10px;line-height:1.5}.drawer-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;margin-top:auto;padding:12px 18px;border-top:1px solid #1c3041;background:#0a1623ed}.modal-layer{z-index:70;align-items:center;justify-content:center;padding:18px;overflow:auto}.modal-panel{width:min(610px,100%);max-height:min(88vh,760px);overflow:auto;border:1px solid #2a455a;border-radius:14px;background:#0a1623;box-shadow:0 24px 80px #000b}.modal-form{padding:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.field{display:flex;flex-direction:column;min-width:0;gap:7px}.field-label{color:#9aafc2;font-size:11px}.field-label i{margin-left:3px;color:#ff7c9a;font-style:normal}.field input,.field select{width:100%;min-height:36px;padding:0 10px;border:1px solid #263d52;border-radius:7px;outline:0;background:#0c1b2a;color:#e3edf8;font-size:12px}.field input::placeholder{color:#526a80}.field input:focus,.field select:focus{border-color:#35bbd3;box-shadow:0 0 0 3px #2dbcd51a}.field select option{background:#101d2a}.field small{color:#73899c;font-size:10px;line-height:1.5}.upload-field{display:flex;flex-direction:column;gap:5px}.upload-box{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-height:72px;padding:9px 12px;border:1px dashed #37546a;border-radius:8px;background:#0c1d2b;color:#72d9e8;cursor:pointer}.upload-box span{color:#b1c4d4;font-size:11px}.upload-box small,.upload-field>small{color:#71899e;font-size:10px}.upload-box input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.stock-check,.form-note{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid #244454;border-radius:8px;background:#0d2531;color:#60d9e5;font-size:11px}.stock-check strong{margin-left:auto;color:#e3f8fc;font-size:13px}.stock-check small{grid-column:1/-1;color:#7ca2ae;font-size:10px}.form-note{grid-column:1/-1;border-color:#26354c;background:#101d2c;color:#829cb2;line-height:1.5}.adjust-product{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #22394b;border-radius:8px;background:#0d1c29}.adjust-product>div{display:flex;flex-direction:column;gap:4px}.adjust-product strong{font-size:11px}.adjust-product small{color:#758ba0;font-size:10px}.form-error{display:flex;align-items:center;gap:6px;margin-top:12px;padding:9px 10px;border:1px solid #753b4e;border-radius:7px;background:#361d28;color:#ff96ad;font-size:11px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid #1b3040}.toast{position:fixed;z-index:90;right:22px;bottom:22px;display:flex;align-items:center;gap:9px;max-width:calc(100vw - 32px);padding:10px 14px 10px 10px;border:1px solid #287c75;border-radius:9px;background:#0e2d2c;color:#c7fff2;box-shadow:0 12px 38px #0008;font-size:12px;animation:toastIn .25s ease-out}.toast-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1a5b4d;color:#6af0c4}@keyframes signalPulse{0%,to{opacity:.75;box-shadow:0 0 5px currentColor}50%{opacity:1;box-shadow:0 0 12px currentColor}}@keyframes outlinePulse{0%{opacity:.55;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1700px){.page-content{padding-inline:clamp(36px,3vw,64px)}}@media(max-width:1260px){.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(275px,.9fr)}.metric-card{gap:9px}.metric-icon{flex-basis:38px;width:38px;height:38px}.metric-meta small{display:none}.inventory-layout,.users-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.75fr)}.inventory-row{grid-template-columns:42px minmax(85px,1fr) 48px 45px 55px auto 12px;gap:7px}.inventory-row .product-image{width:42px;height:42px;flex-basis:42px}.inventory-stockbar{display:none}}@media(max-width:980px){.sidebar{flex-basis:62px;width:62px;padding-inline:7px}.brand{justify-content:center;padding:0}.brand-copy,.sidebar-caption,.nav-item>span:not(.nav-pulse),.side-status div,.side-user>div,.nav-item-muted>span{display:none}.brand-mark{width:35px}.nav-item{justify-content:center;padding:0}.nav-pulse{position:absolute;top:7px;right:8px}.side-status,.side-user{justify-content:center;padding-inline:0}.side-user .icon-button{display:none}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.right-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-layout,.users-layout{grid-template-columns:minmax(0,1fr)}.inventory-detail{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1fr);gap:0 16px}.inventory-detail .detail-product,.inventory-detail .detail-tabs,.inventory-detail .detail-metrics{grid-column:1}.inventory-detail>.button,.inventory-detail .detail-history-heading,.inventory-detail .mini-timeline,.inventory-detail .detail-hint{grid-column:2}.inventory-detail>.button{grid-row:1;align-self:end;margin-bottom:15px}.inventory-detail .detail-history-heading{grid-row:2}.inventory-detail .mini-timeline{grid-row:3/span 2}.inventory-detail .detail-hint{grid-row:5;align-self:end}}@media(max-width:720px){.sidebar{position:fixed;z-index:50;top:0;bottom:0;left:0;width:min(280px,82vw);height:100dvh;min-height:0;padding:0 12px 13px;transform:translate(-105%);transition:transform .22s;box-shadow:20px 0 60px #0009}.sidebar-open{transform:translate(0)}.brand{justify-content:flex-start;padding:0 7px}.brand-copy,.sidebar-caption,.nav-item>span:not(.nav-pulse),.side-status div,.side-user>div{display:flex}.nav-item{justify-content:flex-start;padding:0 11px}.side-status{justify-content:flex-start;padding-inline:8px}.side-user{justify-content:flex-start;padding-inline:6px}.side-user .icon-button{display:inline-grid}.sidebar-close{display:inline-grid;margin-left:auto}.nav-scrim{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:block;border:0;background:#010711a6}.mobile-menu{display:inline-grid}.topbar{height:58px;gap:10px;padding-inline:12px}.topbar-search{flex-basis:0;height:36px}.topbar-search kbd,.top-date,.top-user>span:nth-child(2),.top-user>svg{display:none}.topbar-tools{gap:7px}.top-user .avatar{width:29px;height:29px}.page-content{padding:18px 13px}.page-heading{min-height:95px;align-items:flex-start;flex-direction:column;gap:12px;padding-bottom:16px}.page-heading:before{top:-4px;right:-14px;bottom:0;left:18%;opacity:.46}.page-heading h1{font-size:23px}.page-heading p{max-width:47ch;font-size:12px}.heading-actions{width:100%}.date-pill{font-size:11px}.metric-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-cell:nth-child(2){border-right:0}.metric-cell:nth-child(-n+2){border-bottom:1px solid #1b3042}.metric-card{min-height:83px;padding:12px}.metric-icon{flex-basis:34px;width:34px;height:34px}.metric-icon svg{width:18px;height:18px}.metric-main strong{font-size:21px}.flow-arrow{display:none}.dashboard-grid{gap:12px;margin-top:12px}.right-rail{grid-template-columns:minmax(0,1fr);gap:12px}.surface-heading{min-height:63px;padding:12px}.surface-heading .title-with-icon{gap:8px}.surface-heading .title-with-icon>span{flex-basis:30px;width:30px;height:30px}.title-with-icon h2{font-size:13px}.title-with-icon p{font-size:10px}.activity-list{padding-inline:8px}.activity-row{grid-template-columns:36px 25px minmax(0,1fr) auto 15px;min-height:58px;gap:7px;padding-inline:3px}.activity-row>.product-image{display:none}.activity-time{font-size:10px}.activity-icon{width:25px;height:25px}.activity-icon svg{width:14px;height:14px}.activity-amount{font-size:10px}.activity-body strong{font-size:11px}.activity-body span{font-size:10px}.activity-footer{padding-inline:12px;font-size:10px}.stock-row{grid-template-columns:42px minmax(0,1fr) auto;min-height:70px;gap:8px}.stock-row .product-image{width:42px;height:42px;flex-basis:42px}.stock-copy strong{font-size:11px}.pending-row{grid-template-columns:7px minmax(72px,.8fr) minmax(0,1fr) 14px;padding-inline:12px}.pending-row strong{font-size:10px}.app-footer{padding:12px 13px}.inventory-detail{display:block}.inventory-detail>.button{margin-bottom:0}.inventory-detail .detail-history-heading{margin-top:18px}.data-surface .table-toolbar{align-items:flex-start;flex-direction:column;padding:7px 10px 10px}.toolbar-tabs{width:100%;overflow-x:auto;gap:13px}.toolbar-controls{justify-content:space-between;width:100%}.inventory-summary>div,.sales-summary>div{padding:12px 10px}.inventory-summary strong,.sales-summary strong{font-size:18px}.inventory-list{padding-inline:7px}.inventory-row{grid-template-columns:39px minmax(90px,1fr) 42px auto 13px;min-height:62px;gap:6px;padding-inline:3px}.inventory-row .product-image{width:39px;height:39px;flex-basis:39px}.inventory-row .inventory-cost,.inventory-row .inventory-date{display:none}.inventory-qty strong{font-size:12px}.inventory-row .badge{font-size:9px;padding:4px}.user-row{grid-template-columns:30px minmax(0,1fr) auto 27px;gap:8px;min-height:62px}.user-role,.user-seen{display:none}.permission-note{padding:14px}.table-bottom{align-items:flex-start;flex-direction:column;justify-content:center;gap:3px;padding-block:8px}.modal-layer{align-items:flex-end;padding:0}.modal-panel{width:100%;max-height:92dvh;border-radius:16px 16px 0 0}.modal-heading{padding:14px 15px}.modal-form{padding:14px 15px 18px}.form-grid{gap:12px 9px}.field-label{font-size:10px}.field input,.field select{min-height:38px;padding-inline:8px;font-size:11px}.upload-box{min-height:68px;padding:8px}.purchase-drawer{width:100%}}@media(max-width:430px){.topbar-search input{font-size:11px}.notification-button{width:29px}.page-content{padding-inline:10px}.metric-card{gap:8px;padding-inline:9px}.metric-meta .trend,.metric-main small,.metric-main em{font-size:10px}.activity-row{grid-template-columns:31px 23px minmax(0,1fr) auto 13px;gap:5px}.activity-amount{max-width:58px;overflow:hidden;text-overflow:ellipsis}.stock-copy>span{font-size:9px}.stock-row{grid-template-columns:38px minmax(0,1fr) auto}.stock-row .product-image{width:38px;height:38px;flex-basis:38px}.stock-row>.badge{font-size:9px}.form-grid{grid-template-columns:minmax(0,1fr)}.form-note,.stock-check{grid-column:auto}.upload-box{min-height:60px}}.tracking-sync-card{display:flex;flex-direction:column;gap:7px;margin:12px 0;padding:11px 12px;border:1px solid #284257;border-radius:9px;background:linear-gradient(120deg,#102132,#0d1b29);color:#8fa6ba;font-size:10px}.tracking-sync-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.tracking-sync-heading>span{display:flex;align-items:center;gap:7px;color:#b7c9d8;font-size:11px}.tracking-sync-heading i{width:7px;height:7px;border-radius:50%;background:#46d3e9;box-shadow:0 0 9px #46d3e977}.tracking-sync-card>small{color:#8299ad;font-size:10px}.tracking-sync-card>p{margin:0;color:#ff9aaa;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.tracking-sync-amber{border-color:#705331}.tracking-sync-amber .tracking-sync-heading i{background:#ffc466;box-shadow:0 0 9px #ffc46677}.tracking-sync-rose{border-color:#6d3d51}.tracking-sync-rose .tracking-sync-heading i{background:#ff7998;box-shadow:0 0 9px #ff799877}.tracking-sync-green{border-color:#28645a}.tracking-sync-green .tracking-sync-heading i{background:#54e3bb;box-shadow:0 0 9px #54e3bb77}.tracking-received-prompt{display:flex;align-items:center;gap:6px;padding-top:7px;border-top:1px solid #284257;color:#ffd180;font-size:10px;font-weight:560;line-height:1.4}.tracking-sync-card .badge{flex-shrink:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.stock-check{grid-column:1/-1}.stock-check>span{white-space:nowrap}.signed-image-preview{display:block;max-width:100%;max-height:220px;object-fit:contain;margin:8px 0;border:1px solid #263d52;border-radius:9px}.signed-upload{margin-top:8px}.notification-wrap{position:relative;display:inline-flex;flex:0 0 auto}.notification-button i{width:auto;min-width:15px;padding:0 3px;border-radius:999px;white-space:nowrap}.notification-popover{position:absolute;top:calc(100% + 11px);right:0;z-index:60;display:flex;flex-direction:column;width:min(360px,calc(100vw - 28px));max-height:min(480px,calc(100dvh - 84px));overflow:hidden;border:1px solid #294357;border-radius:12px;background:linear-gradient(155deg,#102131,#0a1622 78%);box-shadow:0 20px 54px #0009,0 0 28px #25c7e612}.notification-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 14px;border-bottom:1px solid #1b3041}.notification-head>div{display:grid;gap:4px;min-width:0}.notification-head strong{font-size:13px;font-weight:650}.notification-head small{color:#8298ad;font-size:11px}.notification-close{width:30px;height:30px}.notification-list{display:grid;overflow:auto;padding:6px}.notification-item{display:flex;align-items:center;gap:10px;min-width:0;min-height:66px;padding:9px 8px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;cursor:pointer;transition:background .16s,border-color .16s}.notification-item:hover{border-color:#234054;background:#112537}.notification-item-icon{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border:1px solid #29465a;border-radius:10px;background:#122b3b;color:#57d9f2}.notification-tone-pink{border-color:#63354b;background:#301c2b;color:#ff8dae}.notification-tone-amber{border-color:#614b2b;background:#302819;color:#f4c36d}.notification-tone-blue{border-color:#30496c;background:#1a2840;color:#89baff}.notification-tone-cyan{border-color:#245366;background:#102c39;color:#57d9f2}.notification-item-copy{display:grid;flex:1;gap:4px;min-width:0}.notification-item-copy strong{overflow:hidden;color:#e3eef8;font-size:11px;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.notification-item-copy small{overflow:hidden;color:#8298ad;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.notification-item>b{display:grid;place-items:center;flex:0 0 23px;min-width:23px;height:23px;padding-inline:5px;border-radius:7px;background:#173447;color:#7ee3f3;font-size:11px}.notification-item-chevron{flex:0 0 auto;color:#668196}.notification-empty{display:grid;justify-items:center;gap:8px;padding:28px 18px 30px;text-align:center}.notification-empty>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #28554e;border-radius:50%;background:#102e2b;color:#63e1b8}.notification-empty strong{font-size:12px;font-weight:620}.notification-empty small{max-width:250px;color:#8197ab;font-size:10px;line-height:1.6}@media(max-width:430px){.notification-popover{right:-36px;width:min(360px,calc(100vw - 24px));max-height:min(460px,calc(100dvh - 78px))}.notification-item{min-height:62px}}.product-image-placeholder{color:#6f91a8;background:radial-gradient(circle at 30% 25%,#21445a,#0b1b2a 70%)}.account-menu-wrap{position:relative;flex:0 0 auto}.top-user{font:inherit;text-align:left;padding:5px 7px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text);cursor:pointer;transition:background .16s,border-color .16s}.top-user:hover,.top-user[aria-expanded=true]{border-color:#294357;background:#102131}.top-user>svg{transition:transform .16s}.top-user[aria-expanded=true]>svg{transform:rotate(180deg)}.account-menu{position:absolute;top:calc(100% + 9px);right:0;z-index:70;display:grid;gap:4px;width:min(270px,calc(100vw - 24px));padding:8px;border:1px solid #294357;border-radius:12px;background:linear-gradient(155deg,#102131,#0a1622 78%);box-shadow:0 20px 54px #0009,0 0 28px #25c7e612}.account-menu-heading{display:grid;gap:4px;padding:10px 9px 12px;border-bottom:1px solid #1b3041}.account-menu-heading strong{color:#e3eef8;font-size:13px}.account-menu-heading small{color:#8298ad;font-size:11px}.account-menu>button{display:flex;align-items:center;gap:10px;min-height:41px;padding:0 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:#b9cbd9;text-align:left;font:inherit;font-size:12px;cursor:pointer}.account-menu>button:hover{border-color:#234054;background:#112537;color:#e8f2fc}.account-menu>button svg{color:#61cde1}.account-menu>button.account-menu-logout{margin-top:3px;border-top:1px solid #1b3041;border-radius:0 0 8px 8px;color:#ff9bb0}.account-menu>button.account-menu-logout svg{color:#ff9bb0}.product-source-control{display:grid;gap:7px;min-width:0}.product-source-control>.field-label{display:block}.product-source-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;min-height:40px;padding:3px;border:1px solid #23384d;border-radius:9px;background:#091723}.product-source-switch button{border:1px solid transparent;border-radius:6px;background:transparent;color:#8398ac;font:inherit;font-size:11px;cursor:pointer}.product-source-switch button:hover{color:#cde6f3}.product-source-switch button.source-active{border-color:#27536b;background:linear-gradient(120deg,#16394a,#102d3b);color:#8ce9f2;box-shadow:0 0 16px #38cbd315}.purchase-unlinked-note{grid-column:1/-1}.profile-identity{grid-column:1/-1;display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #20394c;border-radius:10px;background:#0a1723}.profile-identity>div{display:grid;gap:4px}.profile-identity strong{font-size:13px}.profile-identity small{color:#8298ad;font-size:11px}@media(max-width:430px){.account-menu{width:min(270px,calc(100vw - 20px));right:-2px}.product-source-switch{min-height:42px}.product-source-switch button{font-size:12px}}.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 0%,#102b3b 0,transparent 55%),#07111b;color:#e8f2fc}.auth-card{width:min(100%,430px);padding:clamp(22px,5vw,36px);border:1px solid #254157;border-radius:16px;background:linear-gradient(150deg,#102130f2,#0a1622f7);box-shadow:0 28px 90px #0008}.auth-card>.brand-mark{margin-bottom:22px}.auth-card .eyebrow{margin-bottom:12px}.auth-card h1{margin:0;font-size:clamp(22px,5vw,28px);letter-spacing:-.03em}.auth-card>p{margin:10px 0 22px;color:#8ea5b9;font-size:14px;line-height:1.7}.auth-form{display:grid;gap:15px}.auth-form .field-label{font-size:12px}.auth-form .field input{min-height:44px;padding:0 12px;font-size:14px}.auth-submit{width:100%;min-height:45px;margin-top:4px}.auth-footnote{display:block;margin-top:20px;color:#6d8498;font-size:12px}.auth-spinner{display:block;width:22px;height:22px;margin-top:20px;border:2px solid #284559;border-top-color:#42dbc3;border-radius:50%;animation:authSpin .7s linear infinite}@keyframes authSpin{to{transform:rotate(360deg)}}