*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}body{font-family:var(--font-inter),system-ui,sans-serif;background:var(--page-bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}:root{--blue:#4F46E5;--blue-l:#EEF2FF;--blue-m:#C7D2FE;--blue-d:#4338CA;--accent:#22D3EE;--page-bg:#F5F6FA;--text:#1E2436;--sb-bg:#0F1220;--sb-line:#232842;--sb-text:#8891A8;--sb-text-hi:#E6E8F2;--sb-hover:#1E2338;--sb-active:#A5B4FC;--green:#059669;--green-l:#E2F7F0;--orange:#EA580C;--orange-l:#FFF7ED;--amber:#D97706;--amber-l:#FEF0DA;--red:#DC2626;--red-l:#FDE5E5;--purple:#7C3AED;--purple-l:#EEE7FE;--cyan:#0891B2;--cyan-l:#DAF4F9;--pink:#DB2777;--pink-l:#FDE9F3;--slate:#475569;--slate-l:#EAEDF1;--g50:#F9FAFB;--g100:#F3F4F6;--g200:#E5E7EB;--g300:#D1D5DB;--g400:#9CA3AF;--g500:#6B7385;--g600:#4B5563;--g700:#374151;--g800:#1E2436;--g900:#111827;--bd:1px solid #E9ECF3;--shadow-sm:0 1px 2px rgba(15,18,32,.06);--shadow-md:0 8px 24px rgba(15,18,32,.06);--r:8px;--rl:12px;--rxl:16px;--mono:var(--font-mono),monospace}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#E5E7EB;border-radius:10px}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.shell{overflow:hidden}.shell,.sidebar{display:flex;height:100vh}.sidebar{width:240px;min-width:240px;background:var(--sb-bg);flex-direction:column;overflow-y:auto;transition:transform .25s ease,width .25s ease;z-index:100}.sidebar.collapsed{width:0;min-width:0;overflow:hidden}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:200;transform:translateX(0)}.sidebar.mobile-hidden{transform:translateX(-100%)}}.sb-brand{gap:10px;padding:1.25rem;border-bottom:.5px solid var(--sb-line)}.sb-brand,.sb-brand-icon{display:flex;align-items:center}.sb-brand-icon{width:38px;height:38px;background:linear-gradient(135deg,#4F46E5,#A855F7);border-radius:10px;justify-content:center;flex-shrink:0}.sb-brand-icon i{font-size:21px;color:#fff}.sb-brand-name{font-size:15px;font-weight:600;color:#fff}.sb-brand-sub{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.35)}.sb-nav{padding:1rem .875rem;flex:1 1}.sb-sec{font-size:10px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:#5D6580;padding:0 .625rem;margin-bottom:6px;margin-top:8px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r);font-size:13px;font-weight:400;color:var(--sb-text);cursor:pointer;margin-bottom:2px;transition:background .12s,color .12s;text-decoration:none;position:relative}.nav-item i{font-size:18px;flex-shrink:0}.nav-item:hover{background:var(--sb-hover);color:var(--sb-text-hi)}.nav-item.active{background:linear-gradient(90deg,rgba(129,140,248,.18),rgba(34,211,238,.07));color:var(--sb-active);font-weight:500}.nav-item.active:before{content:"";position:absolute;left:-.875rem;top:20%;bottom:20%;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#818CF8,var(--accent))}.nav-badge{margin-left:auto;background:rgba(129,140,248,.2);color:var(--sb-active);font-size:10px;font-weight:600;padding:1px 7px;border-radius:20px}.nav-badge.red{background:rgba(220,38,38,.3);color:#FCA5A5}.sb-footer{padding:.875rem;border-top:.5px solid rgba(255,255,255,.07)}.sb-footer .nav-item{color:rgba(255,255,255,.35)}.sb-footer .nav-item.active{color:var(--sb-active)}.nav-item.signout:hover{color:#FCA5A5;background:rgba(220,38,38,.15)}.main{flex:1 1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.topbar{background:#fff;border-bottom:var(--bd);height:58px;justify-content:space-between;padding:0 1.25rem;flex-shrink:0;gap:12px}.topbar,.topbar-left{display:flex;align-items:center}.topbar-left{gap:10px}.topbar-title{font-size:16px;font-weight:600;color:var(--g900)}.hamburger{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--r);cursor:pointer;color:var(--g500);font-size:20px;transition:background .12s}.hamburger:hover{background:var(--g100)}.topbar-right{gap:8px}.topbar-date,.topbar-right{display:flex;align-items:center}.topbar-date{font-size:13px;color:var(--g400);gap:5px}.notif-btn{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--r);cursor:pointer;color:var(--g500);font-size:20px;border:var(--bd);background:#fff;transition:background .12s}.notif-btn:hover{background:var(--g100)}.notif-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--red);border:2px solid #fff}.client-badge{display:flex;align-items:center;gap:8px;background:var(--g50);border:var(--bd);border-radius:24px;padding:4px 12px 4px 4px;cursor:pointer;transition:background .12s}.client-badge:hover{background:var(--g100)}.avatar{width:30px;height:30px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;flex-shrink:0}.client-name{font-size:14px;font-weight:500;color:var(--g700)}.content{padding:1.5rem;overflow-y:auto;flex:1 1}.page{display:none}.page.active{display:block;animation:fadeIn .15s ease}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:150}.sidebar-overlay.show{display:block}.btn{display:inline-flex;align-items:center;gap:7px;border-radius:var(--r);padding:9px 18px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:background .12s,opacity .12s}.btn i{font-size:16px}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-d)}.btn-outline{background:#fff;color:var(--g700);border:var(--bd)}.btn-ghost,.btn-outline:hover{background:var(--g100)}.btn-ghost{color:var(--g600);border:none}.btn-ghost:hover{background:var(--g200)}.btn-sm{padding:6px 12px;font-size:13px}.btn-sm i{font-size:14px}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#B91C1C}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}.badge i{font-size:12px}.badge-shipped{background:var(--green-l);color:#059669}.badge-pending{background:var(--orange-l);color:#C2410C}.badge-inprog{background:var(--amber-l);color:#B45309}.badge-active{background:var(--green-l);color:#059669}.badge-lowstock{background:#FFF7ED;color:#C2410C}.badge-outofstock{background:var(--red-l);color:#B91C1C}.badge-transit{background:var(--blue-l);color:#3730A3}.badge-delivered{background:var(--green-l);color:#059669}.badge-exception{background:var(--red-l);color:#B91C1C}.badge-paid{background:var(--green-l);color:#059669}.badge-unpaid{background:var(--red-l);color:#B91C1C}.tbl-card{background:#fff;border-radius:var(--rl);border:var(--bd);overflow:hidden;box-shadow:var(--shadow-sm)}.tbl-scroll{overflow-x:auto}table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}th,thead tr{background:var(--g50)}th{text-align:left;padding:11px 14px;font-size:11px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;color:var(--g400);border-bottom:var(--bd);white-space:nowrap}td{padding:12px 14px;border-bottom:.5px solid var(--g100);color:var(--g700);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr:hover td{background:#FAFBFF}tr.today td{font-weight:600}tr.today-mark td:first-child{border-left:3px solid var(--blue)}tr.selected td{background:var(--blue-l)!important}.row-check{width:16px;height:16px;accent-color:var(--blue);cursor:pointer}.col-l{position:-webkit-sticky;position:sticky;left:0;z-index:2;background:#fff}thead .col-l{background:var(--g50);z-index:3}.col-l:after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:var(--g200);box-shadow:2px 0 6px rgba(0,0,0,.05)}.col-r1,.col-r2,.col-r3,.col-r4,.col-r5{position:-webkit-sticky;position:sticky;z-index:2;background:#fff}thead .col-r1,thead .col-r2,thead .col-r3,thead .col-r4,thead .col-r5{background:var(--g50);z-index:3}.col-r1{right:192px}.col-r2{right:144px}.col-r3{right:96px}.col-r4{right:48px}.col-r5{right:0}.col-r1:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--g200);box-shadow:-2px 0 6px rgba(0,0,0,.05)}.ext-link,.mno{font-family:var(--mono);font-size:12px}.ext-link{color:var(--blue);text-decoration:none;cursor:pointer}.ext-link:hover{text-decoration:underline}.icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r);border:var(--bd);background:#fff;cursor:pointer;color:var(--g400);font-size:16px;transition:background .12s,color .12s,border-color .12s}.icon-btn.items,.icon-btn:hover{background:var(--blue-l);color:var(--blue);border-color:var(--blue-m)}.icon-btn.err{color:var(--red);background:var(--red-l);border-color:#FECACA}.copy-btn{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;border:var(--bd);background:#fff;cursor:pointer;color:var(--g400);font-size:13px;transition:all .12s;margin-left:4px;vertical-align:middle}.copy-btn:hover{background:var(--blue-l);color:var(--blue);border-color:var(--blue-m)}.toolbar{justify-content:space-between;margin-bottom:1rem;gap:12px}.toolbar,.toolbar-l{display:flex;align-items:center;flex-wrap:wrap}.toolbar-l{gap:10px}.toolbar-r{gap:10px}.per-page,.toolbar-r{display:flex;align-items:center}.per-page{gap:8px;font-size:13px;color:var(--g500)}.per-page select{height:30px;font-size:13px;padding:0 34px 0 12px;border:var(--bd);border-radius:6px;background:#fff var(--sel-arrow) no-repeat right 12px center;color:var(--g700);cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit}.count-pill{display:inline-flex;align-items:center;gap:5px;background:var(--blue-l);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:500;color:var(--blue)}.search-wrap{position:relative}.search-wrap i{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--g400);font-size:16px;pointer-events:none}.search-input{height:36px;padding:0 12px 0 36px;border:var(--bd);border-radius:var(--r);font-size:13px;background:#fff;color:var(--g700);outline:none;width:210px;transition:border-color .12s}.search-input:focus{border-color:var(--blue)}.bulk-bar{display:none;align-items:center;gap:10px;background:var(--blue-l);border:.5px solid var(--blue-m);border-radius:var(--r);padding:8px 14px;margin-bottom:1rem;animation:fadeIn .15s ease}.bulk-bar.show{display:flex}.bulk-text{font-size:13px;font-weight:500;color:var(--blue);margin-right:4px}.filter-tabs{margin-bottom:1rem;flex-wrap:wrap}.filter-tabs,.ftab{display:flex;gap:6px}.ftab{align-items:center;padding:7px 14px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;border:var(--bd);background:#fff;color:var(--g500);transition:all .12s;white-space:nowrap}.ftab:hover{background:var(--g100)}.ftab.active{background:var(--blue);border-color:var(--blue);color:#fff}.ftab .fcount{background:rgba(255,255,255,.25);border-radius:20px;padding:0 6px;font-size:11px}.ftab:not(.active) .fcount{background:var(--g100);color:var(--g500)}.tbl-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:var(--bd);font-size:12px;color:var(--g400)}.pag{gap:3px}.pag,.pgb{display:flex}.pgb{width:29px;height:29px;border:var(--bd);border-radius:6px;align-items:center;justify-content:center;font-size:12px;color:var(--g500);cursor:pointer;background:#fff;transition:background .1s}.pgb.a{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}.pgb:hover:not(.a){background:var(--g100)}.alert-banner{display:flex;align-items:center;gap:10px;background:var(--red-l);border:.5px solid #fecaca;border-radius:var(--rl);padding:.875rem 1.1rem;margin-bottom:1.25rem}.alert-banner i{font-size:18px;color:var(--red);flex-shrink:0}.alert-text{font-size:13px;color:#B91C1C;flex:1 1}.alert-text strong{font-weight:600}.alert-link{font-size:13px;color:var(--red);font-weight:500;cursor:pointer;text-decoration:underline;white-space:nowrap}.sync-bar{justify-content:space-between;background:#fff;border:var(--bd);border-radius:var(--rl);padding:.875rem 1.25rem;margin-bottom:1rem;gap:16px}.sync-bar,.sync-left{display:flex;align-items:center;flex-wrap:wrap}.sync-left{gap:20px}.sync-item{display:flex;align-items:center;gap:9px}.sync-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sync-dot.live{background:#059669;box-shadow:0 0 0 3px rgba(5,150,105,.15)}.sync-dot.next{background:#D97706;box-shadow:0 0 0 3px rgba(217,119,6,.15)}.sync-dot.conn{background:#059669}.sync-lbl{font-size:10px;color:var(--g400);text-transform:uppercase;letter-spacing:.6px;font-weight:500;margin-bottom:1px}.sync-val{font-size:13px;font-weight:500;color:var(--g900)}.sync-sub{font-size:11px;color:var(--g500)}.sync-div{width:1px;height:38px;background:var(--g200);flex-shrink:0}.sync-right{display:flex;align-items:center;gap:12px}.cd-wrap{text-align:center}.cd-lbl{font-size:10px;color:var(--g400);text-transform:uppercase;letter-spacing:.6px;font-weight:500;margin-bottom:5px}.cd-digits{display:flex;gap:4px;align-items:center}.cd-block{background:var(--blue-l);border-radius:6px;padding:4px 10px;text-align:center;min-width:44px}.cd-num{font-size:17px;font-weight:600;color:var(--blue);font-family:var(--mono);line-height:1}.cd-unit{font-size:9px;color:var(--g400);text-transform:uppercase;letter-spacing:.5px;margin-top:1px}.cd-sep{font-size:17px;font-weight:600;color:var(--g300);padding-bottom:10px}.sync-badge{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:4px 11px;font-size:12px;font-weight:500}.sync-badge.ok{background:var(--green-l);color:#059669}.sync-badge.syncing{background:var(--blue-l);color:var(--blue)}.prog-wrap{margin-bottom:1rem}.prog-track{background:var(--g200);overflow:hidden}.prog-fill,.prog-track{height:3px;border-radius:2px}.prog-fill{background:var(--blue);transition:width 1s linear}.prog-labels{display:flex;justify-content:space-between;margin-top:5px}.prog-labels span{font-size:11px;color:var(--g400)}.today-tag{display:inline-flex;align-items:center;gap:3px;background:var(--blue-l);color:var(--blue);font-size:10px;font-weight:600;padding:1px 7px;border-radius:20px;margin-left:6px;letter-spacing:.3px}.tip-wrap{position:relative;display:inline-flex}.tip-wrap .tooltip{visibility:hidden;opacity:0;bottom:calc(100% + 6px);background:var(--g800);color:#fff;font-size:11px;padding:5px 10px;border-radius:6px;white-space:nowrap;z-index:999;pointer-events:none;transition:opacity .15s}.tip-wrap .tooltip,.tip-wrap .tooltip:after{position:absolute;left:50%;transform:translateX(-50%)}.tip-wrap .tooltip:after{content:"";top:100%;border:5px solid transparent;border-top:5px solid var(--g800)}.tip-wrap:hover .tooltip{visibility:visible;opacity:1}.carrier-fedex{background:#4D148C;color:#FF6600}.carrier-fedex,.carrier-ups{font-family:var(--mono);font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;display:inline-block;letter-spacing:.5px}.carrier-ups{background:#351C15;color:#FFB500}.login-page{min-height:100vh;background:linear-gradient(135deg,#0F1220,#1E1B4B);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem}.login-brand{text-align:center;margin-bottom:2rem}.login-brand-icon{width:60px;height:60px;background:var(--blue);border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;box-shadow:0 8px 32px rgba(79,70,229,.4)}.login-brand-icon i{font-size:32px;color:#fff}.login-brand-name{font-size:28px;font-weight:700;color:#fff}.login-brand-sub{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.4);margin-top:3px}.login-card{background:#fff;border-radius:var(--rxl);border:var(--bd);padding:2.75rem 2.5rem;width:100%;max-width:430px;box-shadow:0 16px 48px rgba(0,0,0,.3)}.login-card h2{font-size:22px;font-weight:600;color:var(--g900);text-align:center;margin-bottom:4px}.login-card p{font-size:14px;color:var(--g400);text-align:center;margin-bottom:2rem}.lfield{margin-bottom:1.1rem}.lfield label{display:block;font-size:13px;font-weight:500;color:var(--g600);margin-bottom:6px}.lfield-in{position:relative}.lfield-in input{width:100%;height:44px;border:var(--bd);border-radius:var(--r);padding:0 40px 0 14px;font-size:14px;color:var(--g800);background:var(--g50);outline:none;transition:border-color .15s}.lfield-in input:focus{border-color:var(--blue);background:#fff}.lfield-in .fi{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--g400);font-size:18px;pointer-events:none}.lfield-in .fi.c{pointer-events:all;cursor:pointer}.login-meta{justify-content:space-between;margin:.25rem 0 1.75rem}.login-meta,.remember{display:flex;align-items:center}.remember{gap:7px;font-size:13px;color:var(--g500);cursor:pointer}.remember input{width:15px;height:15px;accent-color:var(--blue);cursor:pointer}.forgot{font-size:13px;color:var(--blue);font-weight:500;text-decoration:none}.forgot:hover{text-decoration:underline}.btn-login{width:100%;height:46px;background:var(--blue);color:#fff;border:none;border-radius:var(--r);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}.btn-login:hover{background:var(--blue-d)}.login-secure{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:1.25rem;font-size:12px;color:var(--g400)}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px;margin-bottom:1.5rem}.sc{background:#fff;border-radius:var(--rl);border:var(--bd);box-shadow:var(--shadow-sm);padding:1rem 1.1rem 1.1rem;position:relative;overflow:hidden}.sc-accent{position:absolute;top:0;left:0;right:0;height:3px}.sc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;margin-top:4px}.sc-month{font-size:11px;color:var(--g400);letter-spacing:.4px}.sc-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.sc-num{font-size:26px;font-weight:600;color:var(--g900);line-height:1;margin-bottom:3px}.sc-label{font-size:12px;color:var(--g500);margin-bottom:7px}.sc-comp{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500}.sc-bar-wrap{margin-top:6px;background:var(--g200)}.sc-bar,.sc-bar-wrap{height:3px;border-radius:2px}.trend-up{color:#059669}.trend-dn{color:#B91C1C}.blue-ac{background:var(--blue)}.green-ac{background:var(--green)}.orange-ac{background:var(--orange)}.amber-ac{background:var(--amber)}.purple-ac{background:var(--purple)}.blue-ic{background:var(--blue-l);color:var(--blue)}.green-ic{background:var(--green-l);color:var(--green)}.orange-ic{background:var(--orange-l);color:var(--orange)}.amber-ic{background:var(--amber-l);color:var(--amber)}.purple-ic{background:var(--purple-l);color:var(--purple)}.charts-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-bottom:1.5rem}.chart-card{background:#fff;border-radius:var(--rl);border:var(--bd);box-shadow:var(--shadow-sm);padding:1rem 1.25rem}.card-hdr{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.card-title{font-size:14px;font-weight:600;color:var(--g900)}.card-sub{font-size:12px;color:var(--g400);margin-top:2px}.leg-row{display:flex;gap:14px}.leg{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--g500)}.leg-sq{width:10px;height:10px;border-radius:2px;flex-shrink:0}.sec-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.sec-title{font-size:15px;font-weight:600;color:var(--g900)}.view-all{font-size:13px;color:var(--blue);cursor:pointer;font-weight:500;display:flex;align-items:center;gap:3px;text-decoration:none}.view-all:hover{text-decoration:underline}.quick-links{display:flex;gap:8px;margin-bottom:1.5rem}.qlink{display:flex;align-items:center;gap:7px;background:#fff;border:var(--bd);border-radius:var(--r);padding:8px 14px;font-size:13px;font-weight:500;color:var(--g700);cursor:pointer;transition:all .12s;text-decoration:none}.qlink:hover{background:var(--blue-l);color:var(--blue);border-color:var(--blue-m)}.qlink i{font-size:16px}.sku-main{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--g900)}.sku-desc{font-size:11px;color:var(--g400);margin-top:2px;max-width:240px;line-height:1.4}.stock-good{font-weight:500;color:var(--green)}.stock-low{font-weight:600;color:var(--amber)}.stock-zero{font-weight:600;color:var(--red)}.tabs-bar{display:flex;border-bottom:var(--bd);margin-bottom:1.5rem}.tab-item{display:flex;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;color:var(--g400);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s}.tab-item:hover{color:var(--g700)}.tab-item.active{color:var(--blue);border-bottom-color:var(--blue)}.tab-panel{display:none}.tab-panel.active{display:block}.settings-grid{display:grid;grid-template-columns:250px 1fr;grid-gap:1.5rem;gap:1.5rem}.profile-card{background:#fff;border-radius:var(--rl);border:var(--bd);padding:2rem 1.5rem;text-align:center}.avatar-wrap{position:relative;display:inline-block;margin-bottom:1.25rem}.avatar-lg{width:88px;height:88px;background:linear-gradient(135deg,var(--blue),#6366F1);font-size:26px;font-weight:600;color:#fff}.avatar-lg,.upload-btn{border-radius:50%;display:flex;align-items:center;justify-content:center}.upload-btn{position:absolute;bottom:2px;right:2px;width:28px;height:28px;background:var(--blue);cursor:pointer;border:2px solid #fff}.upload-btn i{font-size:13px;color:#fff}.prof-name{font-size:16px;font-weight:600;color:var(--g900);margin-bottom:3px}.prof-co{font-size:13px;color:var(--g400);margin-bottom:1.1rem}.prof-hint{font-size:11px;color:var(--g400);line-height:1.5}.form-card{background:#fff;border-radius:var(--rl);border:var(--bd);padding:1.5rem}.form-title{font-size:15px;font-weight:600;color:var(--g900);margin-bottom:3px}.form-sub{font-size:13px;color:var(--g400)}.divider,.form-sub{margin-bottom:1.25rem}.divider{height:.5px;background:var(--g200)}.req{color:var(--red);margin-left:2px}.frow{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.fblock,.frow{margin-bottom:1rem}.fblock label{display:block;font-size:13px;font-weight:500;color:var(--g600);margin-bottom:5px}.fin-wrap{position:relative}.fin-wrap input{width:100%;height:42px;border:var(--bd);border-radius:var(--r);padding:0 38px 0 12px;font-size:14px;color:var(--g800);background:var(--g50);outline:none;transition:border-color .12s}.fin-wrap input:focus{border-color:var(--blue);background:#fff}.fin-wrap input:disabled{background:var(--g100);color:var(--g400);cursor:not-allowed}.fin-wrap i{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:var(--g400);font-size:16px;pointer-events:none}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:.5rem}.info-box{display:flex;align-items:flex-start;gap:8px;background:var(--blue-l);border-radius:var(--r);padding:10px 14px;font-size:13px;color:#3730A3;margin-bottom:1.25rem}.info-box i{font-size:16px;flex-shrink:0;margin-top:1px}.modal-ov{display:none;position:fixed;inset:0;background:rgba(17,24,39,.5);z-index:999;align-items:center;justify-content:center}.modal-ov.open{display:flex}.modal{background:#fff;border-radius:var(--rxl);border:var(--bd);width:660px;max-width:95vw;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.15);animation:slideUp .18s ease}.modal-sm{width:420px}.modal-hdr{justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:var(--bd)}.modal-hdr,.modal-hdr-l{display:flex;align-items:center}.modal-hdr-l{gap:10px}.modal-ico{width:36px;height:36px;border-radius:9px;background:var(--blue-l);display:flex;align-items:center;justify-content:center}.modal-ico i{font-size:18px;color:var(--blue)}.modal-ico.err{background:var(--red-l)}.modal-ico.err i{color:var(--red)}.modal-ico.warn{background:var(--amber-l)}.modal-ico.warn i{color:var(--amber)}.modal-title{font-size:15px;font-weight:600;color:var(--g900)}.modal-sub{font-size:12px;color:var(--g400);margin-top:1px}.modal-close{width:32px;height:32px;border-radius:var(--r);border:var(--bd);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--g400);font-size:17px}.modal-close:hover{background:var(--g100)}.modal-body{padding:1.25rem 1.5rem}.modal-tbl{width:100%;border-collapse:collapse;font-size:13px}.modal-tbl th{text-align:left;padding:8px 10px;font-size:10px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;color:var(--g400);background:var(--g50);border-bottom:var(--bd)}.modal-tbl td{padding:10px;border-bottom:.5px solid var(--g100);color:var(--g700)}.modal-tbl tr:last-child td{border-bottom:none}.modal-tbl tr:hover td{background:#FAFBFF}.modal-foot{padding:1rem 1.5rem;border-top:var(--bd);display:flex;justify-content:flex-end;align-items:center;gap:10px}.modal-total{font-size:14px;color:var(--g500);margin-right:auto}.modal-total span{font-weight:600;color:var(--g900)}.err-block{background:var(--red-l);border:.5px solid #fecaca;border-radius:var(--r);padding:1rem 1.25rem;display:flex;gap:10px}.err-block i{font-size:20px;color:var(--red);flex-shrink:0;margin-top:1px}.err-title{font-size:14px;font-weight:600;color:#B91C1C;margin-bottom:4px}.err-msg{font-size:13px;color:#B91C1C;line-height:1.6}.slideout-ov{display:none;position:fixed;inset:0;background:rgba(17,24,39,.35);z-index:998}.slideout-ov.open{display:block}.slideout{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:95vw;background:#fff;border-left:var(--bd);z-index:999;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s ease;overflow:hidden}.slideout.open{transform:translateX(0)}.slideout-hdr{justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:var(--bd);flex-shrink:0}.slideout-hdr,.slideout-hdr-l{display:flex;align-items:center}.slideout-hdr-l{gap:10px}.slideout-title{font-size:15px;font-weight:600;color:var(--g900)}.slideout-sub{font-size:12px;color:var(--g400);margin-top:1px}.slideout-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1 1}.detail-section{margin-bottom:1.5rem}.detail-section-title{font-size:11px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;color:var(--g400);margin-bottom:10px;padding-bottom:6px;border-bottom:var(--bd)}.detail-row{display:flex;align-items:flex-start;justify-content:space-between;padding:7px 0;border-bottom:.5px solid var(--g50)}.detail-row:last-child{border-bottom:none}.detail-key{font-size:13px;color:var(--g500);min-width:120px}.detail-val{font-size:13px;color:var(--g800);font-weight:500;text-align:right}.notif-panel{position:fixed;top:66px;right:16px;width:340px;background:#fff;border-radius:var(--rl);border:var(--bd);box-shadow:0 8px 32px rgba(0,0,0,.12);z-index:500;display:none;animation:slideUp .15s ease;overflow:hidden}.notif-panel.open{display:block}.notif-hdr{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border-bottom:var(--bd)}.notif-hdr-title{font-size:14px;font-weight:600;color:var(--g900)}.notif-clear{font-size:12px;color:var(--blue);cursor:pointer;font-weight:500}.notif-clear:hover{text-decoration:underline}.notif-list{max-height:380px;overflow-y:auto}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:.875rem 1rem;border-bottom:.5px solid var(--g50);cursor:pointer;transition:background .12s}.notif-item:hover{background:var(--g50)}.notif-item:last-child{border-bottom:none}.notif-item.unread{background:#FAFBFF}.notif-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.notif-icon.error{background:var(--red-l);color:var(--red)}.notif-icon.success{background:var(--green-l);color:var(--green)}.notif-icon.info{background:var(--blue-l);color:var(--blue)}.notif-icon.warn{background:var(--amber-l);color:var(--amber)}.notif-title{font-size:13px;font-weight:500;color:var(--g900);margin-bottom:2px}.notif-desc{font-size:12px;color:var(--g500);line-height:1.4}.notif-time{font-size:11px;color:var(--g400);margin-top:3px}.notif-empty{padding:2rem;text-align:center;color:var(--g400);font-size:13px}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;background:var(--g900);color:#fff;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:500;min-width:240px;max-width:360px;animation:slideUp .2s ease;pointer-events:all;box-shadow:0 4px 20px rgba(0,0,0,.2)}.toast i{font-size:16px;flex-shrink:0}.toast.success{background:#059669}.toast.error{background:#B91C1C}.toast.warning{background:#B45309}.toast.info{background:var(--blue-d)}.skeleton{background:linear-gradient(90deg,var(--g100) 25%,var(--g50) 50%,var(--g100) 75%);background-size:400px 100%;animation:shimmer 1.2s infinite;border-radius:4px;display:inline-block}.skeleton-row td{padding:14px!important}.empty-state{text-align:center;padding:3rem 1rem}.empty-state i{font-size:48px;color:var(--g300);margin-bottom:1rem;display:block}.empty-state h3{font-size:16px;font-weight:600;color:var(--g700);margin-bottom:6px}.empty-state p{font-size:13px;color:var(--g400)}.session-banner{display:none;position:fixed;top:0;left:0;right:0;background:#B45309;color:#fff;z-index:10000;padding:10px 1.5rem;align-items:center;justify-content:space-between;font-size:13px;font-weight:500;gap:12px}.session-banner.show{display:flex}.session-banner a{color:#FCD34D;cursor:pointer;text-decoration:underline}.carrier-status-row{display:flex;align-items:center;gap:6px}.inv-amount{font-weight:600;color:var(--g900)}.action-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:10px}.sett-section-wrap{background:#fff;border-radius:var(--rl);border:var(--bd);overflow:hidden}.sett-section-hdr{display:flex;align-items:center;gap:12px;padding:1rem 1.25rem;border-bottom:var(--bd);flex-wrap:wrap;gap:10px}.sett-section-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sett-section-title{font-size:14px;font-weight:600;color:var(--g900)}.sett-section-sub{font-size:12px;color:var(--g400);margin-top:1px}.sett-section-body{padding:1.1rem 1.25rem}.sett-live-badge{display:inline-flex;align-items:center;gap:5px;background:var(--green-l);color:#059669;border-radius:20px;padding:4px 11px;font-size:12px;font-weight:500;margin-left:auto;white-space:nowrap}.sett-divider{height:.5px;background:var(--g200);margin:1rem 0}.sett-conn-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sett-conn-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--g600);min-width:100px}.sett-conn-val{font-size:13px;color:var(--g700)}.sett-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.sett-stat{background:var(--g50);border-radius:var(--r);border:var(--bd);padding:.875rem 1rem;text-align:center}.sett-stat-num{font-size:22px;font-weight:600;line-height:1;margin-bottom:3px}.sett-stat-label{font-size:11px;color:var(--g400);text-transform:uppercase;letter-spacing:.5px}.sett-account-row{display:flex;align-items:center;gap:10px;padding:8px 0;flex-wrap:wrap}.notif-trigger-row{padding:11px 14px}.notif-trigger-row,.sync-feature-row{display:flex;align-items:center;gap:12px;background:#fff}.sync-feature-row{padding:14px}.sync-feature-icon{width:38px;height:38px;border-radius:9px;justify-content:center}.sync-feature-icon,.toggle-wrap{display:flex;align-items:center;flex-shrink:0}.toggle-wrap{gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-wrap input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-track{width:40px;height:22px;background:var(--g300);border-radius:11px;position:relative;transition:background .2s;flex-shrink:0}.toggle-wrap input:checked+.toggle-track{background:var(--blue)}.toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.15)}.toggle-wrap input:checked+.toggle-track .toggle-thumb{transform:translateX(18px)}.toggle-label{font-size:13px;font-weight:500;color:var(--g600)}.rule-row{display:flex;align-items:flex-start;gap:12px;padding:10px;background:var(--g50);border-radius:var(--r);border:var(--bd)}.rule-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.rule-text{flex:1 1}.rule-title{font-size:13px;font-weight:500;color:var(--g800);margin-bottom:2px}.rule-desc{font-size:12px;color:var(--g500);line-height:1.5}.rule-row.disabled{opacity:.45}.recipient-row{gap:10px;padding:9px 12px;background:var(--g50);border-radius:var(--r);border:var(--bd)}.recip-avatar,.recipient-row{display:flex;align-items:center}.recip-avatar{width:32px;height:32px;border-radius:50%;background:var(--blue);justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.recip-info{flex:1 1;min-width:0}.recip-name{font-size:13px;font-weight:500;color:var(--g800)}.recip-email{font-size:12px;color:var(--g400);font-family:var(--mono)}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-row,.settings-grid{grid-template-columns:1fr}.quick-links{flex-wrap:wrap}.sett-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.stats-grid{grid-template-columns:1fr 1fr}.topbar-date{display:none}}