:root{
 --s-bg:#041127;--s-side:rgba(7,27,58,.94);--s-panel:rgba(8,31,64,.82);--s-panel2:rgba(11,40,78,.72);--s-line:rgba(104,153,224,.22);
 --s-ink:#f5f8ff;--s-muted:#8fa4c5;--s-blue:#2f7eff;--s-cyan:#25d8ef;--s-violet:#7d5dff;--s-green:#28d4a1;--s-amber:#ffbd59;--s-red:#ff6375;--s-shadow:0 22px 65px rgba(0,0,0,.26)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;color:var(--s-ink)}body.seller-body,body.seller-login-page{min-height:100vh;background:#041127 url('../img/innovation-bg.svg') center/cover fixed no-repeat}body.seller-body:before,body.seller-login-page:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(2,10,27,.15),rgba(2,8,23,.42));pointer-events:none;z-index:-1}
.seller-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.seller-sidebar{position:fixed;inset:0 auto 0 0;width:260px;padding:18px 14px 20px;background:linear-gradient(180deg,rgba(8,29,64,.95),rgba(4,19,43,.91));border-right:1px solid rgba(92,146,235,.23);backdrop-filter:blur(24px);box-shadow:22px 0 55px rgba(0,0,0,.16);display:flex;flex-direction:column;z-index:30}.seller-brand{display:flex;align-items:center;gap:12px;padding:8px 10px 22px;margin-bottom:14px;border-bottom:1px solid rgba(112,155,220,.13);text-decoration:none;color:#fff}.seller-brand strong{display:block;font-size:20px;letter-spacing:-.035em;line-height:1}.seller-brand small{display:block;margin-top:5px;color:#8da3ca;font-size:10px}.seller-brand-mark{position:relative;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:transparent;background:linear-gradient(145deg,#27dbf3,#3976ff 56%,#8b58ff);box-shadow:0 9px 30px rgba(40,115,255,.38)}.seller-brand-mark:before,.seller-brand-mark:after{content:"";position:absolute;width:20px;height:9px;border-radius:4px;transform:skewY(-30deg) rotate(30deg);background:rgba(255,255,255,.82);left:10px}.seller-brand-mark:before{top:9px}.seller-brand-mark:after{top:21px;opacity:.65}.seller-nav{display:flex;flex-direction:column;gap:6px}.seller-nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid transparent;border-radius:11px;color:#a6b7d7;text-decoration:none;font-size:12.5px;font-weight:720;transition:.18s ease}.seller-nav a span{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;background:rgba(105,148,213,.09);color:#c6d7f3;font-size:14px}.seller-nav a:hover{color:#fff;background:rgba(34,79,137,.36);border-color:rgba(86,144,230,.18)}.seller-nav a.active{color:#fff;background:linear-gradient(100deg,rgba(40,125,255,.82),rgba(82,92,255,.55));border-color:rgba(125,180,255,.58);box-shadow:0 8px 26px rgba(26,93,255,.28),inset 0 0 24px rgba(70,182,255,.15)}.seller-user{margin-top:auto;padding:14px 10px 0;border-top:1px solid rgba(115,158,220,.14)}.seller-user small{display:block;color:#6e86ae;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.seller-user b{display:block;margin-top:5px;font-size:12px}.seller-user span{display:block;color:#7087a9;font-size:9px;margin-top:2px}.seller-user a{display:inline-block;margin-top:8px;color:#79a5ff;text-decoration:none;font-size:9px}
.seller-main{grid-column:2;min-width:0;padding:0 28px 44px}.seller-topbar{min-height:84px;display:grid;grid-template-columns:minmax(230px,1fr) minmax(260px,500px) auto;gap:18px;align-items:center;border-bottom:1px solid rgba(104,150,222,.11);margin-bottom:22px}.seller-topbar h1{margin:0;font-size:24px;letter-spacing:-.035em}.seller-topbar p{margin:5px 0 0;color:var(--s-muted);font-size:10.5px}.seller-global-search{height:42px;display:flex;align-items:center;gap:9px;background:rgba(7,26,56,.62);border:1px solid rgba(104,153,226,.27);border-radius:12px;padding:0 12px}.seller-global-search:before{content:"⌕";font-size:19px;color:#7ea5d8}.seller-global-search input{flex:1;min-width:0;border:0;background:transparent;color:#e9f1ff;outline:0;font:inherit;font-size:11px}.seller-global-search input::placeholder{color:#7489ab}.seller-global-search button{border:0;background:transparent;color:#8fa9cf;font-size:10px;font-weight:800;cursor:pointer}.seller-top-actions{display:flex;align-items:center;gap:9px}.seller-profile-chip{display:flex;align-items:center;gap:8px;padding:7px 10px 7px 7px;background:rgba(9,30,64,.68);border:1px solid rgba(106,157,232,.21);border-radius:12px}.seller-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2478ff,#5d5cff);font-weight:900;font-size:10px}.seller-profile-chip b{display:block;font-size:9.5px}.seller-profile-chip span{display:block;color:#7892ba;font-size:8px;margin-top:2px}.seller-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border-radius:10px;padding:9px 13px;text-decoration:none;font:inherit;font-size:10px;font-weight:850;border:1px solid rgba(110,157,227,.27);color:#dce9ff;background:rgba(10,31,64,.7);cursor:pointer;transition:.18s ease}.seller-btn:hover{border-color:rgba(88,172,255,.6);background:rgba(20,56,105,.76);transform:translateY(-1px)}.seller-btn.primary{border-color:#3c82ff;background:linear-gradient(135deg,#1888ff,#3b66ff 58%,#805cff);color:#fff;box-shadow:0 8px 24px rgba(36,105,255,.33)}.seller-btn.danger{border-color:rgba(255,99,117,.34);color:#ff8996}.seller-icon-btn{width:29px;height:29px;border:1px solid rgba(103,150,218,.25);background:rgba(12,37,73,.74);border-radius:8px;display:grid;place-items:center;text-decoration:none;color:#a8c2e9}.seller-alert{padding:11px 13px;border-radius:11px;font-size:10px;margin-bottom:14px}.seller-alert.success{background:rgba(31,200,147,.12);border:1px solid rgba(31,200,147,.25);color:#72e4be}.seller-alert.error{background:rgba(255,89,105,.12);border:1px solid rgba(255,89,105,.25);color:#ff93a0}.seller-alert.pending-note{background:rgba(255,185,74,.1);border:1px solid rgba(255,185,74,.22);color:#ffd281}
.seller-kpis,.commission-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.seller-kpi,.commission-kpi{position:relative;overflow:hidden;min-height:124px;padding:16px;border-radius:16px;background:linear-gradient(145deg,rgba(11,42,83,.8),rgba(8,27,56,.78));border:1px solid rgba(89,151,236,.28);box-shadow:0 14px 34px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.035)}.seller-kpi:nth-child(2),.commission-kpi:nth-child(2){border-color:rgba(45,199,255,.34)}.seller-kpi:nth-child(3),.commission-kpi:nth-child(3){border-color:rgba(139,94,255,.4)}.seller-kpi:nth-child(4){border-color:rgba(255,184,73,.36)}.seller-kpi:after,.commission-kpi:after{content:"";position:absolute;right:-35px;bottom:-42px;width:115px;height:115px;border-radius:50%;background:radial-gradient(circle,rgba(49,128,255,.25),transparent 68%)}.seller-kpi span,.commission-kpi span{position:relative;z-index:1;display:block;color:#91a6c7;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.seller-kpi strong,.commission-kpi strong{position:relative;z-index:1;display:block;margin-top:12px;font-size:27px;letter-spacing:-.04em;color:#fff}.seller-kpi small,.commission-kpi small{position:relative;z-index:1;display:block;margin-top:5px;color:#7890b1;font-size:8.8px}.seller-kpi .money-multi,.commission-kpi strong{font-size:17px}.seller-kpi-link{text-decoration:none;color:inherit;transition:.18s ease}.seller-kpi-link:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,0,0,.2),0 0 26px rgba(42,111,255,.12)}
.seller-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.65fr);gap:15px}.seller-panel{background:linear-gradient(155deg,rgba(8,31,64,.84),rgba(5,21,46,.8));border:1px solid rgba(103,151,218,.23);border-radius:16px;box-shadow:var(--s-shadow);backdrop-filter:blur(18px);overflow:hidden}.seller-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 17px;border-bottom:1px solid rgba(101,147,214,.18)}.seller-panel-head h2,.seller-quick h2{font-size:13px;margin:0;letter-spacing:-.02em}.seller-panel-head p,.seller-quick p{font-size:9px;color:#7e93b4;margin:4px 0 0;line-height:1.55}.seller-panel-head>a{color:#5fcfff;text-decoration:none;font-size:9px;font-weight:800}.seller-quick{padding:18px}.seller-quick .seller-btn{margin-top:9px;margin-right:6px}.seller-table-wrap{overflow:auto}.seller-table{width:100%;border-collapse:collapse}.seller-table th{font-size:8.5px;letter-spacing:.07em;text-transform:uppercase;color:#7790b6;text-align:left;background:rgba(16,47,91,.5);padding:10px 13px;border-bottom:1px solid rgba(93,139,205,.17);white-space:nowrap}.seller-table td{padding:11px 13px;border-bottom:1px solid rgba(87,129,188,.12);font-size:10.5px;color:#b9c8df;vertical-align:middle}.seller-table tbody tr:hover{background:rgba(32,74,132,.18)}.seller-table tr:last-child td{border-bottom:0}.seller-table b{color:#edf4ff}.seller-subtext{display:block;color:#6f86a9;font-size:8.5px;margin-top:3px}.seller-empty{padding:30px;text-align:center;color:#738aaa;font-size:10px}.invoice-status,.change-action{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900;white-space:nowrap;background:rgba(39,217,164,.1);border:1px solid rgba(39,217,164,.22);color:#62e3ba}.invoice-status.pending,.change-action.update{background:rgba(255,185,74,.1);border-color:rgba(255,185,74,.22);color:#ffc76d}.invoice-status.rejected,.invoice-status.void,.change-action.delete{background:rgba(255,94,112,.1);border-color:rgba(255,94,112,.22);color:#ff7f8f}.change-action.sale_approved,.change-action.create{background:rgba(58,132,255,.12);border-color:rgba(58,132,255,.24);color:#7eb9ff}
/* login */.seller-login-page{display:grid;place-items:center;padding:34px}.seller-login-card{position:relative;width:min(440px,100%);padding:28px;border-radius:22px;background:linear-gradient(155deg,rgba(8,31,66,.93),rgba(5,20,44,.93));border:1px solid rgba(102,157,235,.3);box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 70px rgba(35,96,255,.12);backdrop-filter:blur(22px)}.seller-login-card .seller-brand{padding:0 0 22px;margin-bottom:24px}.seller-login-card h1{font-size:31px;margin:0;letter-spacing:-.05em}.seller-login-card>p{color:#8da1c1;font-size:11px;line-height:1.6;margin:9px 0 22px}.seller-login-form{display:grid;gap:14px}.seller-login-form label,.seller-form-grid label,.seller-filters label{font-size:9px;font-weight:900;color:#9eb2d1;text-transform:uppercase;letter-spacing:.05em}.seller-login-form input,.seller-form-grid input,.seller-form-grid textarea,.seller-filters input,.seller-filters select,.changes-field input{display:block;width:100%;margin-top:7px;border:1px solid rgba(105,151,216,.26);background:rgba(8,29,61,.86);border-radius:10px;padding:10px 11px;color:#dce9fb;font:inherit;font-size:10px;outline:0;color-scheme:dark}.seller-login-form input:focus,.seller-form-grid input:focus,.seller-form-grid textarea:focus,.seller-filters input:focus,.seller-filters select:focus,.changes-field input:focus,.seller-search-wrap input:focus{border-color:#3987ff;box-shadow:0 0 0 3px rgba(53,128,255,.12)}.seller-login-form .seller-btn{width:100%;min-height:43px;margin-top:3px}.seller-login-links{display:flex;justify-content:space-between;margin-top:18px}.seller-login-links a{font-size:9px;color:#7fa9e8;text-decoration:none}
/* sale */.sale-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.92fr);gap:15px;align-items:start}.sale-products{grid-column:1/2}.sale-cart{grid-column:2/3;grid-row:1/3}.sale-customer{grid-column:1/2}.seller-search-wrap{display:flex;align-items:center;gap:8px;margin:14px;border:1px solid rgba(105,151,216,.24);background:rgba(6,24,51,.64);border-radius:11px;padding:0 11px}.seller-search-wrap span{color:#7293bf;font-size:18px}.seller-search-wrap input{flex:1;min-width:0;border:0;outline:0;padding:12px 2px;font:inherit;font-size:11px;background:transparent;color:#e3edff}.seller-search-wrap input::placeholder{color:#6880a3}.seller-search-results{max-height:490px;overflow:auto;border-top:1px solid var(--s-line)}.seller-search-hint{padding:26px;text-align:center;font-size:9px;color:#7087a8}.seller-search-hint.error{color:#ff8491}.seller-search-item{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 105px 70px;align-items:center;gap:10px;border:0;border-bottom:1px solid rgba(87,129,188,.12);background:transparent;text-align:left;padding:12px 15px;cursor:pointer;color:inherit}.seller-search-item:hover{background:rgba(31,75,134,.18)}.seller-search-item:disabled{opacity:.5;cursor:not-allowed}.seller-search-item b{display:block;font-size:10.5px;color:#edf4ff}.seller-search-item small{display:block;color:#6f86a9;font-size:8.5px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seller-search-item strong{font-size:10px;color:#ff7586}.seller-search-item i{font-style:normal;font-size:9px;color:#58deb3;font-weight:900;text-align:right}.sale-cart-list{min-height:210px}.sale-cart-row{display:grid;grid-template-columns:minmax(0,1.6fr) 80px 105px 100px 30px;gap:9px;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(87,129,188,.12)}.sale-cart-product{min-width:0}.sale-cart-product b{display:block;font-size:10.5px}.sale-cart-product small{display:block;font-size:8.5px;color:#6f86a9;margin-top:3px}.sale-cart-price,.sale-line-total{font-size:10px;white-space:nowrap}.sale-line-total{color:#ff7785;font-weight:900}.qty-control{display:grid;grid-template-columns:28px 45px 28px;align-items:center}.qty-control button,.qty-control input{height:30px;border:1px solid rgba(105,151,216,.24);background:rgba(7,27,58,.78);color:#dce9fb}.qty-control button{font-weight:900;cursor:pointer}.qty-control button:first-child{border-radius:8px 0 0 8px}.qty-control button:last-child{border-radius:0 8px 8px 0}.qty-control input{border-left:0;border-right:0;width:45px;text-align:center;font:inherit;font-size:10px;outline:0}.sale-remove{width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,99,117,.25);background:rgba(88,24,42,.18);color:#ff8290;font-weight:900;cursor:pointer}.sale-total-box{border-top:1px solid var(--s-line);padding:16px 18px;background:rgba(6,23,49,.38)}.sale-total-box span{display:block;font-size:8.5px;text-transform:uppercase;letter-spacing:.07em;color:#7790b1;font-weight:900}.sale-total-box strong{display:block;font-size:20px;margin-top:7px;letter-spacing:-.025em}.sale-total-box small{display:block;font-size:8.5px;color:#6d83a3;margin-top:5px}.seller-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:16px}.seller-form-grid label.full{grid-column:1/-1}.seller-form-grid textarea{min-height:82px;resize:vertical}.sale-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 16px 16px}
/* filters / invoices */.seller-filters{display:flex;align-items:center;gap:8px;padding:13px 15px;border-bottom:1px solid var(--s-line)}.seller-filters input{margin:0;flex:1;min-width:220px}.seller-filters select{margin:0;width:150px}.invoice-view{padding-bottom:18px}.invoice-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px;border-bottom:1px solid var(--s-line)}.invoice-toolbar>div{display:flex;align-items:center;gap:10px}.invoice-toolbar strong{font-size:14px}.invoice-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px}.invoice-meta>div{border:1px solid rgba(102,150,219,.2);background:rgba(7,27,57,.52);border-radius:12px;padding:13px}.invoice-meta small,.invoice-bottom small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#7087a8;font-weight:900}.invoice-meta b{display:block;font-size:11px;margin-top:7px}.invoice-meta span{display:block;color:#7890af;font-size:9px;margin-top:3px}.invoice-lines{border-top:1px solid var(--s-line)}.invoice-bottom{display:grid;grid-template-columns:1fr 280px;gap:25px;padding:20px}.invoice-bottom p{font-size:10px;color:#8fa2c0;line-height:1.6}.invoice-total-list>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(87,129,188,.12);padding:9px 0;font-size:10px}.invoice-total-list>div strong{font-size:12px;color:#ff7785}.void-form{padding:0 20px;text-align:right}.jhauw-money{color:#69d9ff!important}
/* daily changes */.changes-toolbar-panel{margin-bottom:14px;padding:15px}.changes-toolbar{display:grid;grid-template-columns:180px minmax(280px,1fr) auto auto;gap:10px;align-items:end}.changes-field{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#8498b7}.changes-field span{display:block;margin-bottom:7px}.changes-day-nav{display:flex;gap:8px;justify-content:flex-end;border-top:1px solid rgba(87,129,188,.12);margin-top:13px;padding-top:13px}.changes-kpis{grid-template-columns:repeat(2,minmax(0,230px));justify-content:start}.changes-table th,.changes-table td{white-space:nowrap}.changes-table td:nth-child(2){min-width:260px;white-space:normal}.stock-before{color:#a5b6cf}.stock-after{color:#edf4ff}.stock-na{color:#6e84a5}.stock-delta{display:inline-flex;min-width:42px;justify-content:center;padding:5px 8px;border-radius:8px;font-size:9px;font-weight:950}.stock-delta.down{background:rgba(255,94,112,.1);color:#ff7f8f}.stock-delta.up{background:rgba(39,217,164,.1);color:#62e3ba}.stock-same{color:#7087a8;font-size:9px}.seller-mobile-nav{display:none}.seller-dashboard-lower{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:15px;margin-top:15px}.seller-private-card{padding:18px}.seller-private-card h2{margin:0;font-size:13px}.seller-private-card p{font-size:9px;line-height:1.5;color:#7e93b4}.seller-private-stat{margin-top:14px;padding:12px;border:1px solid rgba(95,149,225,.22);border-radius:12px;background:linear-gradient(135deg,rgba(29,95,181,.18),rgba(96,67,186,.18))}.seller-private-stat span{display:block;color:#7f97bb;font-size:8px;text-transform:uppercase;letter-spacing:.07em}.seller-private-stat strong{display:block;margin-top:6px;font-size:18px;color:#fff}
@media(max-width:1180px){.seller-kpis,.commission-kpis{grid-template-columns:repeat(2,1fr)}.seller-topbar{grid-template-columns:1fr auto}.seller-global-search{grid-column:1/-1;grid-row:2;margin-top:-10px;margin-bottom:12px}.seller-grid,.seller-dashboard-lower{grid-template-columns:1fr}.sale-layout{grid-template-columns:1fr}.sale-products,.sale-cart,.sale-customer{grid-column:1;grid-row:auto}}
@media(max-width:900px){.seller-shell{display:block}.seller-sidebar{display:none}.seller-main{grid-column:auto;padding:0 14px 74px}.seller-topbar{min-height:76px;grid-template-columns:1fr auto;margin-bottom:14px}.seller-global-search{display:none}.seller-profile-chip{display:none}.seller-mobile-nav{position:fixed;display:flex;left:8px;right:8px;bottom:8px;z-index:50;justify-content:flex-start;gap:16px;padding:10px 12px;overflow-x:auto;background:rgba(4,20,45,.92);border:1px solid rgba(94,148,224,.25);border-radius:14px;backdrop-filter:blur(18px);box-shadow:0 18px 55px rgba(0,0,0,.35)}.seller-mobile-nav a{color:#9cb0cf;text-decoration:none;font-size:8px;font-weight:800;white-space:nowrap}.seller-search-results{max-height:380px}}
@media(max-width:650px){.seller-main{padding-left:10px;padding-right:10px}.seller-topbar h1{font-size:20px}.seller-topbar p{display:none}.seller-kpis,.commission-kpis{grid-template-columns:1fr 1fr;gap:9px}.seller-kpi,.commission-kpi{min-height:112px;padding:13px}.seller-kpi strong,.commission-kpi strong{font-size:22px}.seller-kpi .money-multi,.commission-kpi strong{font-size:14px}.seller-search-item{grid-template-columns:minmax(0,1fr) 82px}.seller-search-item i{display:none}.sale-cart-row{grid-template-columns:1fr 1fr 30px;gap:8px}.sale-cart-product{grid-column:1/-1}.sale-cart-price,.qty-control{grid-column:1/2}.sale-line-total{grid-column:2/3;grid-row:2/4;text-align:right}.sale-remove{grid-column:3/4;grid-row:2/4}.seller-form-grid{grid-template-columns:1fr}.seller-form-grid label.full{grid-column:auto}.seller-filters{flex-wrap:wrap}.seller-filters input{min-width:100%;flex-basis:100%}.invoice-toolbar{align-items:flex-start;flex-direction:column}.invoice-meta,.invoice-bottom{grid-template-columns:1fr}.changes-toolbar{grid-template-columns:1fr}.changes-search{grid-column:auto}.changes-day-nav{justify-content:flex-start;overflow-x:auto}.changes-kpis{grid-template-columns:1fr 1fr}.changes-table td:nth-child(2){min-width:210px}.seller-login-page{padding:18px}.seller-login-card{padding:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}