:root{color:#1f2937;font-synthesis:none;--primary:#2563eb;--primary2:#1d4ed8;--text:#172033;--muted:#7b8798;--border:#e6ebf2;--panel:#fff;--sidebar:#111827;--orange:#f97316;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f6f8fb;min-width:320px;margin:0}button,input,select{font:inherit}button,a{transition:all .18s}a{color:inherit;text-decoration:none}.seller-shell{min-height:100vh}.sidebar{z-index:50;color:#c9d3e2;background:linear-gradient(#101827,#111c2e);width:258px;position:fixed;inset:0 auto 0 0;overflow:auto;box-shadow:12px 0 30px #0f172a14}.brand{border-bottom:1px solid #ffffff12;align-items:center;gap:12px;height:76px;padding:0 20px;display:flex}.brand-mark,.login-logo span{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;place-items:center;width:38px;height:38px;font-size:20px;font-weight:900;display:grid;box-shadow:0 8px 22px #2563eb47}.brand strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:14px;display:block;overflow:hidden}.brand small{color:#8290a6;letter-spacing:.6px;text-transform:uppercase;margin-top:3px;font-size:10px;display:block}.seller-card{text-align:center;background:#ffffff0e;border:1px solid #ffffff12;border-radius:16px;margin:18px 15px 12px;padding:14px}.seller-card>img,.avatar-fallback{object-fit:cover;border-radius:16px;width:52px;height:52px;margin:0 auto 9px}.avatar-fallback{color:#fff;background:#24334b;place-items:center;font-size:21px;font-weight:800;display:grid}.seller-card-text b,.seller-card-text span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.seller-card-text b{color:#fff;font-size:13px}.seller-card-text span{color:#8f9db1;margin-top:3px;font-size:10px}.credit{background:linear-gradient(135deg,#f9731629,#ffffff08);border:1px solid #f973162e;border-radius:12px;justify-content:space-between;align-items:center;margin-top:12px;padding:9px 11px;display:flex}.credit span{text-transform:uppercase;letter-spacing:.7px;color:#fdba74;font-size:9px;font-weight:800}.credit strong{color:#fb923c;font-size:18px}.side-nav{padding:5px 10px 18px}.side-nav a{color:#aab6c8;border-radius:11px;align-items:center;gap:10px;min-height:43px;margin:2px 0;padding:0 12px;font-size:12px;font-weight:600;display:flex}.side-nav a:hover,.side-nav a.router-link-active{color:#fff;background:linear-gradient(90deg,#2563eb38,#2563eb14)}.side-nav a.router-link-active{box-shadow:inset 3px 0 #3b82f6}.nav-icon{text-align:center;color:#8090a8;width:20px;font-size:17px}.side-nav a:hover .nav-icon,.side-nav a.router-link-active .nav-icon{color:#60a5fa}.side-nav em{color:#fb923c;text-transform:uppercase;background:#f973161f;border-radius:5px;margin-left:auto;padding:3px 5px;font-size:8px;font-style:normal}.nav-label{letter-spacing:1.2px;color:#5d6a7e;margin:18px 12px 7px;font-size:8px;font-weight:900}.sidebar-note{color:#65748a;border-top:1px solid #ffffff0d;padding:14px 20px 24px;font-size:9px;line-height:1.6}.main-area{min-height:100vh;margin-left:258px}.topbar{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#ffffffeb;align-items:center;gap:15px;height:76px;padding:0 30px;display:flex;position:sticky;top:0}.top-title b{color:var(--text);font-size:15px;display:block}.top-title span{color:#9aa5b4;margin-top:3px;font-size:10px;display:block}.top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.icon-button{border:1px solid var(--border);color:#64748b;cursor:pointer;background:#fff;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.icon-button:hover{background:#f8fafc;border-color:#cdd8e7}.mobile-menu{display:none}.account-wrap{position:relative}.account-button{cursor:pointer;color:#475569;background:0 0;border:0;align-items:center;gap:8px;font-size:12px;display:flex}.mini-avatar{color:#2563eb;background:#edf4ff;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.account-menu{border:1px solid var(--border);background:#fff;border-radius:12px;width:150px;padding:6px;position:absolute;top:46px;right:0;box-shadow:0 16px 40px #0f172a1f}.account-menu a,.account-menu button{text-align:left;color:#475569;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:9px 10px;font-size:12px;display:block}.account-menu a:hover,.account-menu button:hover{background:#f6f8fb}.page{max-width:1600px;margin:auto;padding:28px 30px 50px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.page-heading h1{letter-spacing:-.5px;color:var(--text);margin:3px 0 6px;font-size:27px;line-height:1.15}.page-heading p{color:var(--muted);margin:0;font-size:12px}.eyebrow{letter-spacing:1.4px;color:#3b82f6;font-size:9px;font-weight:900}.primary-btn,.secondary-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 15px;font-size:11px;font-weight:750;display:inline-flex}.primary-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 7px 16px #2563eb2e}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #2563eb3d}.primary-btn small{background:#ffffff26;border-radius:4px;padding:2px 4px;font-size:8px}.secondary-btn{border-color:var(--border);color:#475569;background:#fff}.secondary-btn:hover{border-color:#cbd5e1}.stats-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:16px;display:grid}.stat-card{border:1px solid var(--border);background:#fff;border-radius:17px;justify-content:space-between;align-items:flex-start;min-height:128px;padding:19px;display:flex;box-shadow:0 8px 22px #0f172a09}.stat-card>span,.stat-card div>span{text-transform:uppercase;letter-spacing:.6px;color:#8490a0;font-size:10px;font-weight:800}.stat-card strong{color:var(--text);letter-spacing:-.4px;margin-top:14px;font-size:25px;display:block}.stat-card small{color:#8a96a6;margin-top:7px;font-size:10px;display:block}.stat-card.featured{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:0}.stat-card.featured span,.stat-card.featured small{color:#ffffffb8}.stat-card.featured strong{color:#fff}.stat-icon{color:#fff;background:#ffffff24;border-radius:13px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:16px;margin-bottom:16px;display:grid}.dashboard-grid.lower{grid-template-columns:1fr 1fr}.panel,.table-card{border:1px solid var(--border);background:#fff;border-radius:17px;box-shadow:0 8px 22px #0f172a09}.panel{padding:20px}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.panel-head h3{color:var(--text);margin:0;font-size:14px}.panel-head p{color:#929dac;margin:4px 0 0;font-size:10px}.panel-head>a{color:#2563eb;font-size:10px;font-weight:700}.segmented{background:#f3f6fa;border-radius:9px;padding:3px;display:flex}.segmented button{text-transform:capitalize;color:#7c8797;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 9px;font-size:9px}.segmented button.active{color:#2563eb;background:#fff;box-shadow:0 2px 7px #0f172a14}.bar-chart{align-items:flex-end;gap:7px;height:250px;padding-top:25px;display:flex}.bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:20px;height:100%;display:flex;position:relative}.bar-track{background:#f2f5f9;border-radius:8px;align-items:flex-end;width:min(30px,65%);height:190px;display:flex;overflow:hidden}.bar-fill{background:linear-gradient(#60a5fa,#2563eb);border-radius:8px 8px 4px 4px;width:100%}.bar-column>span{color:#929dac;text-align:center;white-space:nowrap;margin-top:8px;font-size:8px}.bar-value{color:#6f7c8f;margin-bottom:4px;font-size:7px}.traffic-total{background:linear-gradient(135deg,#eef5ff,#f8fbff);border-radius:14px;margin-bottom:8px;padding:16px}.traffic-total span{color:#6b7c93;text-transform:uppercase;font-size:9px;font-weight:800}.traffic-total strong{color:#2563eb;margin-top:5px;font-size:27px;display:block}.metric-row,.detail-list>div{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;gap:15px;padding:12px 2px;font-size:11px;display:flex}.metric-row:last-child,.detail-list>div:last-child{border-bottom:0}.metric-row span,.detail-list span{color:#7c8797}.metric-row b,.detail-list b{color:#334155}.product-mini,.notification-mini{border-bottom:1px solid #f0f2f5;align-items:center;gap:11px;padding:10px 0;display:flex}.product-mini:last-child,.notification-mini:last-child{border-bottom:0}.product-mini img{object-fit:cover;background:#f4f6f8;border-radius:9px;width:42px;height:42px}.product-mini>div{flex:1;min-width:0}.product-mini b,.notification-mini b{color:#344155;white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.product-mini span,.notification-mini p,.notification-mini small{color:#929dac;margin:3px 0 0;font-size:9px;display:block}.product-mini>strong{color:#2563eb;font-size:10px}.notification-mini{align-items:flex-start}.notification-mini>div{min-width:0}.notification-mini p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.notification-dot{background:#3b82f6;border-radius:50%;flex:0 0 7px;width:7px;height:7px;margin-top:4px;box-shadow:0 0 0 3px #eaf2ff}.notification-dot.read{box-shadow:none;background:#cbd5e1}.empty-inline{text-align:center;color:#9aa5b4;padding:25px;font-size:11px}.filter-bar{border:1px solid var(--border);background:#fff;border-radius:15px;gap:9px;margin-bottom:15px;padding:12px;display:flex}.filter-bar input,.filter-bar select{color:#475569;background:#fbfcfe;border:1px solid #e3e8ef;border-radius:9px;outline:none;height:38px;padding:0 11px;font-size:11px}.filter-bar input{flex:1;min-width:240px}.filter-bar input:focus,.filter-bar select:focus{background:#fff;border-color:#93b4ed}.filter-bar.compact{max-width:520px}.responsive-table{overflow:auto}.table-card{overflow:hidden}.responsive-table table{border-collapse:collapse;width:100%;min-width:800px}.responsive-table th{color:#7d8999;text-transform:uppercase;letter-spacing:.4px;text-align:left;border-bottom:1px solid var(--border);background:#f8fafc;padding:12px 15px;font-size:8px}.responsive-table td{color:#536174;border-bottom:1px solid #f0f2f5;padding:12px 15px;font-size:10px}.responsive-table tr:last-child td{border-bottom:0}.table-product{align-items:center;gap:10px;min-width:190px;display:flex}.table-product img{object-fit:cover;background:#f4f6f8;border-radius:8px;width:40px;height:40px}.table-product b{color:#344155;max-width:220px;font-size:10px}.table-product small,.block-muted{color:#9aa5b4;margin-top:3px;font-size:8px;display:block}.row-action{color:#2563eb;white-space:nowrap;font-size:9px;font-weight:800}.status-badge{text-transform:capitalize;white-space:nowrap;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:800;display:inline-flex}.status-badge.success{color:#16804a;background:#ecfdf3}.status-badge.warning{color:#b76a00;background:#fff7e6}.status-badge.danger{color:#c24141;background:#fff0f0}.status-badge.neutral{color:#64748b;background:#f1f5f9}.pagination{border-top:1px solid var(--border);color:#7c8797;justify-content:space-between;align-items:center;padding:13px 15px;font-size:9px;display:flex}.pagination button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:7px;padding:6px 9px;font-size:9px}.pagination button:disabled{opacity:.4;cursor:not-allowed}.order-tabs{gap:5px;margin-bottom:12px;display:flex;overflow:auto}.order-tabs button{white-space:nowrap;border:1px solid var(--border);color:#6f7c8e;cursor:pointer;background:#fff;border-radius:9px;padding:8px 12px;font-size:10px}.order-tabs button.active{color:#fff;background:#2563eb;border-color:#2563eb}.detail-grid{grid-template-columns:1.35fr 1fr;gap:16px;margin-bottom:16px;display:grid}.product-hero{align-items:center;gap:22px;display:flex}.product-hero>img{object-fit:cover;background:#f4f6f8;border-radius:15px;width:150px;height:150px}.product-hero h2{color:var(--text);margin:10px 0 7px;font-size:20px}.product-hero p{color:#8a96a6;font-size:10px}.hero-price{color:#2563eb;margin-top:16px;font-size:22px;display:block}.badge-row{gap:5px;display:flex}.back-link{color:#2563eb;margin-bottom:7px;font-size:10px;font-weight:700;display:inline-block}.address-card b{font-size:13px}.address-card p{color:#738094;margin:7px 0;font-size:10px;line-height:1.5}.profile-card{justify-content:space-between;align-items:center;display:flex}.profile-main{align-items:center;gap:15px;display:flex}.profile-main img,.profile-avatar{object-fit:cover;background:#edf4ff;border-radius:18px;width:68px;height:68px}.profile-avatar{color:#2563eb;place-items:center;font-size:25px;font-weight:800;display:grid}.profile-main h2{margin:0 0 6px;font-size:18px}.profile-main p{color:#8490a0;margin:3px 0;font-size:10px}.credit-large{text-align:right}.credit-large span{color:#a06431;text-transform:uppercase;font-size:9px;font-weight:800;display:block}.credit-large strong{color:#f97316;font-size:30px;display:block}.address-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.address-box{border:1px solid var(--border);background:#fbfcfe;border-radius:12px;padding:15px;position:relative}.address-box b{font-size:10px}.address-box p{color:#8b97a6;font-size:9px}.default-chip{color:#2563eb;background:#eaf2ff;border-radius:5px;padding:3px 5px;font-size:7px;position:absolute;top:8px;right:8px}.notification-list{padding:0;overflow:hidden}.notification-row{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eef1f5;align-items:flex-start;gap:12px;width:100%;padding:15px 18px;display:flex}.notification-row.unread{background:#fbfdff}.notification-row>div{flex:1}.notification-row b{color:#334155;font-size:11px}.notification-row p{color:#778497;margin:5px 0;font-size:10px;line-height:1.5}.notification-row small,.read-hint{color:#9ba6b4;font-size:8px}.read-hint{white-space:nowrap;margin-left:auto}.state-card{border:1px solid var(--border);text-align:center;color:#6f7c8e;background:#fff;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:30px;display:flex}.state-card p{max-width:440px;font-size:11px;line-height:1.6}.state-card b{color:#344155}.state-icon,.migration-icon{color:#8ba3c7;margin-bottom:8px;font-size:30px}.spinner{border:3px solid #e7edf5;border-top-color:#2563eb;border-radius:50%;width:25px;height:25px;animation:.8s linear infinite spin}.migration-card h2{color:var(--text);margin:5px 0;font-size:19px}.migration-card .primary-btn{margin-top:12px}.form-error{color:#b93d3d;background:#fff1f1;border-radius:8px;padding:9px 11px;font-size:10px}.thin-loader{z-index:40;background:linear-gradient(90deg,#0000,#2563eb,#0000);height:2px;animation:1.2s infinite slide;position:fixed;top:76px;left:258px;right:0}.login-page{background:#fff;grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.login-visual{color:#fff;background:radial-gradient(circle at 15% 20%,#3b82f647,#0000 35%),radial-gradient(circle at 80% 75%,#f973161f,#0000 32%),linear-gradient(145deg,#0f172a,#172554 65%,#1e3a8a);align-items:center;padding:8vw;display:flex;position:relative;overflow:hidden}.login-visual:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:420px;height:420px;position:absolute;top:-120px;right:-180px;box-shadow:0 0 0 80px #ffffff06,0 0 0 160px #ffffff04}.login-copy{z-index:1;max-width:600px;position:relative}.login-copy .eyebrow{color:#93c5fd}.login-copy h1{letter-spacing:-2px;margin:15px 0 22px;font-size:clamp(36px,4vw,62px);line-height:1.02}.login-copy>p{color:#aebed5;max-width:540px;font-size:13px;line-height:1.8}.login-points{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.login-points span{color:#c6d3e5;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;padding:8px 11px;font-size:9px}.login-panel{background:#fbfcfe;justify-content:center;align-items:center;padding:35px;display:flex}.login-card{width:min(390px,100%)}.login-logo{margin-bottom:24px}.login-card h2{color:var(--text);margin:0 0 7px;font-size:27px}.login-card>p{color:#8b97a6;margin:0 0 26px;font-size:11px}.login-card label{color:#526075;margin:14px 0;font-size:10px;font-weight:700;display:block}.login-card input{background:#fff;border:1px solid #dfe5ed;border-radius:10px;outline:none;width:100%;height:45px;margin-top:7px;padding:0 13px;font-size:12px;display:block}.login-card input:focus{border-color:#7da5e9;box-shadow:0 0 0 3px #eef5ff}.login-submit{width:100%;height:44px;margin-top:8px}.login-help{text-align:center;color:#9aa5b4;margin-top:18px;font-size:8px;line-height:1.6;display:block}.login-help code{font-size:8px}.mobile-backdrop{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-grid.lower{grid-template-columns:1fr}.address-grid{grid-template-columns:repeat(2,1fr)}.account-name{display:none}}@media (width<=820px){.sidebar{transition:transform .22s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-area{margin-left:0}.mobile-backdrop{z-index:45;background:#0f172a73;display:block;position:fixed;inset:0}.mobile-menu{display:grid}.topbar{height:66px;padding:0 15px}.thin-loader{top:66px;left:0}.page{padding:20px 15px 40px}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh}.detail-grid{grid-template-columns:1fr}.filter-bar{flex-wrap:wrap}.filter-bar input{min-width:100%}.filter-bar select{flex:1}.product-hero{align-items:flex-start}.product-hero>img{width:110px;height:110px}}@media (width<=560px){.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{min-height:112px;padding:14px}.stat-card strong{font-size:20px}.page-heading{flex-direction:column;align-items:flex-start}.page-heading .primary-btn{width:100%}.panel{padding:15px}.bar-chart{height:220px}.bar-track{height:160px}.address-grid{grid-template-columns:1fr}.product-hero{display:block}.product-hero>img{aspect-ratio:1.5;object-fit:contain;width:100%;height:auto;margin-bottom:15px}.profile-card{display:block}.credit-large{text-align:left;margin-top:18px}.top-title span,.notification-button{display:none}}