*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f4f7fb;color:#172033}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0f172a,#123b78,#0b5ed7);padding:20px}.login-card{width:min(410px,100%);background:rgba(255,255,255,.1);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.2);border-radius:22px;padding:30px;box-shadow:0 25px 60px #0005;color:#fff}.logo{width:72px;height:72px;border-radius:18px;background:#3b82f6;display:grid;place-items:center;font-size:32px;margin:auto auto 16px}.login h1{text-align:center;margin:0}.login p{text-align:center;color:#cfe0ff}.login label{display:block;font-size:12px;font-weight:700;margin:14px 0 6px;color:#cfe0ff}.login input{width:100%;padding:12px;border:1px solid #ffffff30;border-radius:10px;background:#fff;color:#111}.login button{width:100%;margin-top:18px;padding:12px;border:0;border-radius:10px;background:#2563eb;color:#fff;font-weight:700}.error{color:#fecaca;background:#7f1d1d66;padding:9px;border-radius:9px;font-size:13px;margin-top:12px}.shell{min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #e5eaf1;position:sticky;top:0;z-index:5}.topbar-inner{max-width:1250px;margin:auto;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{font-weight:800;font-size:20px}.brand span{color:#2563eb}.tabs{display:flex;gap:6px;overflow:auto;max-width:1250px;margin:auto;padding:0 18px 10px}.tab{border:0;background:transparent;padding:9px 12px;border-radius:9px;color:#64748b;white-space:nowrap}.tab.active{background:#eaf2ff;color:#1d4ed8;font-weight:700}.logout{border:1px solid #dbe2ec;background:#fff;border-radius:9px;padding:8px 12px;color:#475569}.main{max-width:1250px;margin:auto;padding:22px 18px}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(6,minmax(0,1fr))}.card{background:#fff;border:1px solid #e6ebf2;border-radius:15px;padding:18px;box-shadow:0 5px 18px #1e293b08}.stat{color:#fff;border-radius:15px;padding:16px}.stat small{opacity:.82}.stat strong{display:block;font-size:21px;margin-top:6px}.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}.orange{background:linear-gradient(135deg,#f59e0b,#ea580c)}.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.green{background:linear-gradient(135deg,#10b981,#059669)}.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.section-title h2{font-size:18px;margin:0}.muted{color:#64748b;font-size:13px}.btn{border:0;border-radius:9px;padding:9px 13px;font-weight:700}.primary{background:#2563eb;color:#fff}.danger{background:#dc2626;color:#fff}.secondary{background:#eef2f7;color:#334155}.success{background:#059669;color:#fff}.input,.select{width:100%;padding:10px 11px;border:1px solid #d9e0ea;border-radius:9px;background:#fff}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.field label{font-size:12px;font-weight:700;color:#475569;display:block;margin-bottom:5px}.full{grid-column:1/-1}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:10px;border-bottom:1px solid #edf0f4;text-align:left;white-space:nowrap}.table th{background:#f8fafc;color:#475569}.right{text-align:right!important}.center{text-align:center!important}.search-row{display:flex;gap:10px;margin-bottom:13px}.search-row>*:first-child{flex:1}.charts{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.bar{height:220px;display:flex;align-items:end;gap:8px;padding:15px 5px}.bar-item{flex:1;text-align:center}.bar-fill{background:#3b82f6;border-radius:7px 7px 2px 2px;min-height:3px}.bar-label{font-size:10px;color:#64748b;margin-top:5px}.brand-list{display:grid;gap:10px}.brand-line{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f4;padding:8px}.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center;padding:15px;z-index:20}.modal-box{background:#fff;border-radius:16px;width:min(760px,100%);max-height:90vh;overflow:auto;padding:20px}.invoice{font-size:13px;max-width:620px;margin:auto}.invoice h2{text-align:center;margin:0}.invoice .center{text-align:center}.invoice table{width:100%;border-collapse:collapse;margin-top:14px}.invoice td,.invoice th{padding:7px 4px;border-bottom:1px solid #ddd}.toast{position:fixed;right:18px;bottom:18px;background:#0f172a;color:#fff;padding:11px 15px;border-radius:10px;z-index:50;box-shadow:0 10px 30px #0004}.period{display:flex;justify-content:space-between;align-items:center;gap:10px}.positive{color:#059669}.negative{color:#dc2626}@media(max-width:1050px){.stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}.charts{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.topbar-inner{align-items:flex-start}.brand{font-size:17px}.main{padding:15px 10px}.tabs{padding-left:10px;padding-right:10px}.card{padding:14px}}@media print{body{background:#fff}.no-print{display:none!important}.modal{position:static;background:#fff;padding:0}.modal-box{box-shadow:none;width:100%;max-height:none}.invoice{max-width:none}}

.label-dashboard{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(430px,1.2fr);gap:16px;align-items:start}.label-note{margin-top:14px;padding:10px 12px;border-radius:9px;background:#f8fafc;color:#64748b;font-size:12px}.label-preview-card{overflow:auto}.label-sheet{background:#eef2f7;margin:auto;display:grid;gap:4mm;align-content:start;justify-content:center;padding:8mm;min-height:360px}.label-sheet.paper-a4{grid-template-columns:repeat(3,60mm)}.label-sheet.paper-a5{grid-template-columns:repeat(2,60mm)}.label-sheet.paper-80{grid-template-columns:72mm;padding:4mm}.label-sheet.paper-58{grid-template-columns:50mm;padding:3mm}.label-sheet.paper-50x30,.label-sheet.paper-40x25{grid-template-columns:1fr;padding:2mm}.print-label{background:#fff;border:1px dashed #94a3b8;border-radius:4px;padding:3mm;min-height:35mm;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;break-inside:avoid}.paper-80 .print-label{width:72mm}.paper-58 .print-label{width:50mm}.paper-50x30 .print-label{width:50mm;height:30mm;min-height:30mm;padding:1.5mm}.paper-40x25 .print-label{width:40mm;height:25mm;min-height:25mm;padding:1mm}.label-title{font-weight:800;line-height:1.08;margin-bottom:2mm;max-width:100%;overflow:hidden;text-overflow:ellipsis}.code-box{display:flex;align-items:center;justify-content:center;max-width:100%;min-height:62px}.code-box canvas,.code-box img{max-width:100%;height:auto!important}.code-box svg{max-width:100%;height:auto}.label-value{font-size:.72em;line-height:1.1;word-break:break-all;margin-top:1mm}.label-extra{font-size:.68em;color:#475569;line-height:1.15;margin-top:1mm}.code-error{font-size:11px;color:#dc2626;max-width:100%}.paper-50x30 .code-box canvas,.paper-50x30 .code-box img,.paper-40x25 .code-box canvas,.paper-40x25 .code-box img{width:52px!important;height:52px!important}.paper-50x30 .code-box,.paper-40x25 .code-box{min-height:45px}.paper-50x30 .label-title,.paper-40x25 .label-title{margin-bottom:.5mm}.paper-50x30 .label-value,.paper-40x25 .label-value{margin-top:.3mm}@media(max-width:900px){.label-dashboard{grid-template-columns:1fr}.label-sheet.paper-a4{grid-template-columns:repeat(2,60mm)}}
@media print{body.printing-labels .topbar,body.printing-labels .label-settings,body.printing-labels .label-preview-card>.section-title{display:none!important}body.printing-labels .main{max-width:none;padding:0;margin:0}body.printing-labels .card.label-preview-card{border:0;box-shadow:none;padding:0}body.printing-labels .label-dashboard{display:block}body.printing-labels .label-sheet{background:#fff;padding:0;gap:2mm;min-height:0}body.printing-labels .print-label{border:1px solid #ddd;border-radius:0}}

/* Label builder v2: multi-data + manual paper size */
.label-global-settings{border:1px solid #e6ebf2;background:#f8fafc;border-radius:12px;padding:14px;margin-bottom:16px}.label-global-settings h3,.label-data-title h3{margin:0;font-size:15px}.label-data-title{margin-top:8px}.label-rows{display:grid;gap:12px;max-height:58vh;overflow:auto;padding-right:4px}.label-data-card{border:1px solid #dfe6ef;border-radius:12px;padding:13px;background:#fff}.label-data-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.label-sheet-viewport{overflow:auto;padding:8px;background:#eef2f7;border-radius:10px}.label-sheet.custom-paper{box-sizing:border-box;background:#fff;margin:auto;display:grid;align-content:start;padding:4mm;border:1px solid #cbd5e1;box-shadow:0 3px 12px #0f172a18;overflow:hidden}.label-sheet.custom-paper .print-label{width:auto;min-width:0;min-height:35mm}.label-sheet.custom-paper .code-box canvas,.label-sheet.custom-paper .code-box img,.label-sheet.custom-paper .code-box svg{max-width:100%!important}@media(max-width:760px){.label-data-head{align-items:flex-start;flex-direction:column}.label-rows{max-height:none}}
@media print{body.printing-labels .label-sheet-viewport{padding:0;background:#fff;overflow:visible}body.printing-labels .label-sheet.custom-paper{border:0;box-shadow:none;margin:0;padding:0;overflow:visible}}

/* v3: smaller label typography, adaptive code size, receipt option */
.code-box{width:min(var(--code-size,30mm),100%);max-width:100%;min-height:0}
.code-box canvas,.code-box img{width:min(var(--code-size,30mm),100%)!important;height:auto!important;max-width:100%!important}
.code-box svg{width:min(100%,var(--code-size,42mm))!important;max-height:var(--code-size,30mm);height:auto!important}
.receipt-store{padding:10px 12px;background:#f8fafc;border:1px solid #e6ebf2;border-radius:10px;margin:0 0 14px}
.check-row{display:flex;gap:8px;align-items:flex-start;margin-top:14px;font-size:13px;font-weight:600;color:#334155}.check-row input{margin-top:2px}
@media print{body:not(.printing-labels) .invoice{font-family:Arial,sans-serif}}

/* v6: sales channels, shipping tracking and returns */
.ecommerce-fields{display:none;border:1px solid #dbeafe;background:#eff6ff;border-radius:12px;padding:12px;grid-template-columns:repeat(3,1fr)}
.tracking-line{margin-top:6px;font-size:12px;color:#475569}.badge{display:inline-block;padding:2px 6px;border-radius:999px;font-size:10px;font-weight:800;vertical-align:middle}.badge.returned{background:#fee2e2;color:#b91c1c}.returned-row{opacity:.65;background:#fff7f7}.return-results{display:grid;gap:8px;margin-top:12px}.return-result{display:grid;grid-template-columns:1.5fr 1fr 1.2fr auto;gap:8px;align-items:center;width:100%;text-align:left;border:1px solid #dbe3ee;background:#fff;border-radius:10px;padding:10px 12px}.return-result:hover{border-color:#2563eb;background:#f8fbff}.return-result span{font-size:12px;color:#64748b}.return-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.return-summary div{display:flex;flex-direction:column;gap:3px}.return-summary span{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.04em}
@media(max-width:760px){.ecommerce-fields{grid-template-columns:1fr}.return-result{grid-template-columns:1fr}.return-summary{grid-template-columns:1fr}}

/* v7: supplier master + modern responsive / mobile-first UI */
:root{--surface:#fff;--bg:#f5f7fb;--text:#172033;--muted:#6b7280;--line:#e7ebf1;--primary:#2563eb;--primary-soft:#eff6ff;--shadow:0 10px 30px rgba(15,23,42,.055)}
body{background:radial-gradient(circle at top left,#eef5ff 0,transparent 30%),var(--bg);min-height:100vh}
.topbar{background:rgba(255,255,255,.93);backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(15,23,42,.04)}
.topbar-inner{padding-top:12px;padding-bottom:12px}.brand{display:flex;align-items:center;gap:10px;color:#172033}.brand span{color:inherit}.brand b{color:var(--primary)}
.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#60a5fa);color:#fff!important;font-size:12px;letter-spacing:.03em;box-shadow:0 7px 18px rgba(37,99,235,.2)}
.top-actions{display:flex;align-items:center;gap:8px}.install-btn{border:0;background:#eff6ff;color:#1d4ed8;padding:8px 11px;border-radius:10px;font-weight:800}.mobile-menu-btn{display:none;border:0;background:#eef2f7;color:#334155;border-radius:11px;width:40px;height:40px;font-size:20px}.nav-overlay{display:none}
.tabs{padding-bottom:11px}.tab{display:flex;gap:7px;align-items:center;transition:.18s ease}.tab:hover{background:#f5f8fc;color:#334155}.tab.active{background:#eaf2ff;color:#1d4ed8;box-shadow:inset 0 0 0 1px #dbeafe}.nav-icon{font-size:13px;min-width:15px;text-align:center}
.main{padding-top:26px;padding-bottom:38px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 18px}.page-heading h1{margin:2px 0 4px;font-size:28px;letter-spacing:-.035em}.page-heading p{margin:0;color:#64748b;font-size:14px}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:900;color:#2563eb}
.card{border-color:rgba(226,232,240,.9);box-shadow:var(--shadow);border-radius:18px}.btn{min-height:38px;border-radius:11px;transition:transform .12s ease,box-shadow .12s ease}.btn:active{transform:translateY(1px)}.btn.primary,.btn.success{box-shadow:0 6px 16px rgba(37,99,235,.14)}.btn.compact{min-height:38px;padding:7px 11px}
.input,.select{min-height:42px;border-radius:11px;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #dbeafe80}.textarea{min-height:92px;resize:vertical;font:inherit}.field-hint{font-size:11px;color:#94a3b8;margin-top:5px}.inline-field{display:grid;grid-template-columns:1fr auto;gap:7px}
.stats{gap:12px}.stat{border-radius:18px;box-shadow:0 10px 20px rgba(15,23,42,.08)}.stat strong{font-size:20px;letter-spacing:-.02em}.period{border-left:4px solid #2563eb}.charts>.card{min-height:290px}
.sales-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:16px;align-items:start}.sale-summary{position:sticky;top:130px}.sale-summary h2{margin-top:0}.summary-metric{padding:14px 0;border-bottom:1px solid #edf0f4;display:flex;justify-content:space-between;gap:12px;align-items:flex-end}.summary-metric span{font-size:12px;color:#64748b}.summary-metric strong{font-size:20px}.sale-actions .btn{flex:1}
.supplier-stats{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:12px;margin-bottom:16px}.mini-stat{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px 16px;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center}.mini-stat span{font-size:12px;color:#64748b}.mini-stat b{font-size:22px;color:#1d4ed8}.supplier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.supplier-card{border:1px solid #e5eaf1;border-radius:16px;padding:15px;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:start;background:linear-gradient(180deg,#fff,#fbfdff)}.supplier-avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#eaf2ff;color:#1d4ed8;font-weight:900}.supplier-info h3{margin:0 0 7px;font-size:16px}.supplier-info div{font-size:12px;color:#475569;margin:3px 0}.supplier-info p{font-size:12px;color:#64748b;margin:7px 0 0;line-height:1.45}.supplier-actions{display:flex;gap:6px}.supplier-actions .btn{padding:7px 9px;min-height:34px;font-size:12px}.empty-state{grid-column:1/-1;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#64748b;gap:7px}.empty-state>div{font-size:34px}.empty-state b{color:#334155}.empty-state span{font-size:12px}
.settings-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.install-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.install-card h2,.danger-zone h2{margin:0}.install-icon{font-size:38px}.danger-zone{grid-column:1/-1;border-color:#fee2e2;background:#fffafa}
.history-card{overflow:hidden}.table tbody tr:hover{background:#fbfdff}
@media(max-width:980px){.sales-layout{grid-template-columns:1fr}.sale-summary{position:static}.supplier-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.danger-zone{grid-column:auto}}
@media(max-width:760px){
 body{background:#f6f8fc;padding-bottom:10px}.topbar{position:sticky;top:0;z-index:30}.topbar-inner{padding:9px 12px;align-items:center}.mobile-menu-btn{display:grid;place-items:center}.brand{font-size:15px;flex:1}.brand-mark{width:31px;height:31px;border-radius:10px}.logout{padding:7px 9px;font-size:12px}.install-btn{display:none!important}
 .tabs{position:fixed;left:0;top:0;bottom:0;width:min(82vw,320px);z-index:60;display:flex;flex-direction:column;gap:4px;padding:18px 12px 24px;background:#fff;box-shadow:18px 0 45px rgba(15,23,42,.18);transform:translateX(-105%);transition:transform .22s ease;overflow-y:auto}.tabs:before{content:'MENU APLIKASI';font-size:10px;letter-spacing:.13em;font-weight:900;color:#94a3b8;padding:8px 10px 12px}.tab{width:100%;justify-content:flex-start;text-align:left;padding:12px;border-radius:12px;font-size:14px}.tab.active{background:#eaf2ff}.nav-icon{width:24px;font-size:16px}.nav-overlay{position:fixed;inset:0;z-index:55;background:rgba(15,23,42,.45);backdrop-filter:blur(2px)}body.nav-open .tabs{transform:translateX(0)}body.nav-open .nav-overlay{display:block}
 .main{padding:17px 10px 28px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:14px}.page-heading h1{font-size:23px}.page-heading p{font-size:12px}.page-heading>.btn{width:100%}.card{border-radius:16px;padding:14px}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:13px;border-radius:15px;min-width:0}.stat strong{font-size:16px;overflow-wrap:anywhere}.stat small{font-size:10px}.period{align-items:flex-start;flex-direction:column}.period .btn{width:100%}.charts{gap:10px}.charts>.card{min-height:0}.bar{height:185px;padding-left:0;padding-right:0}.bar-label{font-size:9px}
 .search-row{align-items:stretch}.search-row .btn{min-width:76px}.input,.select{font-size:16px;min-height:45px}.btn{min-height:43px}.table-wrap{margin-left:-14px;margin-right:-14px;padding:0 14px;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:680px}.table th,.table td{padding:10px 8px}.modal{padding:0;align-items:end}.modal-box{width:100%;max-width:none;max-height:92vh;border-radius:22px 22px 0 0;padding:17px 14px;padding-bottom:max(18px,env(safe-area-inset-bottom))}.form-grid{gap:12px}.section-title{align-items:flex-start}.section-title>.btn{flex:0 0 auto}
 .sales-layout{gap:10px}.sale-summary{position:static}.summary-metric strong{font-size:18px}.sale-actions{display:grid;grid-template-columns:1fr}.supplier-stats{grid-template-columns:1fr 1fr;gap:8px}.mini-stat{padding:12px}.mini-stat{display:block}.mini-stat span{display:block}.mini-stat b{display:block;margin-top:4px;font-size:20px}.supplier-grid{grid-template-columns:1fr}.supplier-card{grid-template-columns:auto 1fr}.supplier-actions{grid-column:1/-1}.supplier-actions .btn{flex:1}.settings-grid{grid-template-columns:1fr}.label-dashboard{gap:10px}.label-sheet-viewport{max-width:100vw}.toast{left:10px;right:10px;bottom:12px;text-align:center}
}
@media(max-width:420px){.stats{grid-template-columns:1fr}.supplier-stats{grid-template-columns:1fr}.brand span:last-child{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{gap:4px}}
@media(display-mode:standalone){.topbar-inner{padding-top:max(9px,env(safe-area-inset-top))}.main{padding-bottom:max(30px,env(safe-area-inset-bottom))}}
@media print{.page-heading,.mobile-menu-btn,.nav-overlay{display:none!important}}

.cloud-sync{position:fixed;right:14px;bottom:14px;z-index:9999;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;box-shadow:0 8px 25px #0f172a18}
.cloud-sync[data-ok="1"]{color:#047857;border-color:#a7f3d0;background:#ecfdf5}
@media(max-width:700px){.cloud-sync{bottom:78px;right:10px;padding:7px 10px}}

/* v8.2 backup & migration */
.migration-card{grid-column:1/-1}
.migration-status{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px 16px;margin:12px 0;line-height:1.65}
.migration-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.migration-steps>div{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:12px 14px;line-height:1.5}
@media(max-width:700px){.migration-steps{grid-template-columns:1fr}.migration-card .actions .btn{width:100%}}

.migration-banner{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:9998;width:min(900px,calc(100% - 28px));background:#fff;border:2px solid #2563eb;border-radius:18px;padding:16px 18px;box-shadow:0 20px 55px #0f172a35;display:flex;align-items:center;justify-content:space-between;gap:16px}
.migration-banner span{color:#64748b}.migration-banner .actions{margin:0;flex-wrap:nowrap}
@media(max-width:700px){.migration-banner{bottom:12px;display:block!important}.migration-banner .actions{margin-top:12px;display:grid;grid-template-columns:1fr 1fr}.migration-banner .btn{width:100%}.cloud-sync{bottom:150px}}

/* v8.5 notifications + finance */
.toast.notify{display:flex;align-items:center;gap:10px;min-width:280px;max-width:min(460px,calc(100vw - 28px));opacity:0;transform:translateY(12px);transition:.2s ease;padding:13px 16px;border-radius:14px;box-shadow:0 16px 40px #0f172a30;font-weight:700;z-index:10050}
.toast.notify.show{opacity:1;transform:translateY(0)}.toast.notify.success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.toast.notify.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.toast.notify.warning{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.notify-icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#fff9;font-weight:900}
.finance-stats{margin:18px 0}.finance-ledger{display:grid;gap:0;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.finance-ledger>div{display:flex;justify-content:space-between;gap:12px;padding:12px 15px;border-bottom:1px solid #e2e8f0}.finance-ledger>div:last-child{border-bottom:0}.finance-ledger .total{background:#f8fafc;font-size:18px}
@media(max-width:700px){.migration-banner .actions{grid-template-columns:1fr}.toast.notify{left:14px!important;right:14px!important;min-width:0}}

/* v8.6 modern dashboard/sidebar */
:root{--sidebar-w:270px;--modern-accent:#6558d9;--modern-accent-soft:#f0efff;--modern-text:#263043;--modern-muted:#8590a2;--modern-border:#edf0f5}
body{background:#f6f7fb;color:var(--modern-text)}.modern-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);background:#fff;border-right:1px solid var(--modern-border);z-index:45;display:flex;flex-direction:column}.sidebar-brand{height:86px;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid var(--modern-border)}.sidebar-brand .brand-mark,.mobile-brand .brand-mark{background:linear-gradient(145deg,#6558d9,#8277ef);box-shadow:0 7px 18px rgba(101,88,217,.22)}.sidebar-brand>div,.mobile-brand>div{min-width:0}.sidebar-brand b,.mobile-brand b{display:block;font-size:16px;color:#202737;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-brand small,.mobile-brand small{display:block;color:#9aa3b3;font-size:10px;margin-top:2px}
.sidebar .tabs{display:block!important;position:static!important;transform:none!important;box-shadow:none!important;width:auto!important;flex:1;padding:20px 14px;overflow-y:auto;background:#fff}.sidebar .tabs:before{display:none!important}.nav-group{margin-bottom:21px}.nav-group-title{font-size:10px;font-weight:900;letter-spacing:.11em;color:#a0a8b7;padding:0 10px 8px}.sidebar .tab{width:100%;display:flex;align-items:center;gap:13px;border:0;background:transparent;color:#687386;padding:11px 12px;border-radius:11px;text-align:left;margin:2px 0;font-size:13px;transition:.16s ease}.sidebar .tab:hover{background:#f7f7fb;color:#434c5e}.sidebar .tab.active{background:var(--modern-accent-soft);color:#584ac9;font-weight:800;box-shadow:inset 3px 0 0 var(--modern-accent)}.sidebar .nav-icon{width:25px;font-size:17px;color:#98a1b0}.sidebar .tab.active .nav-icon{color:#6558d9}.sidebar-footer{padding:14px;border-top:1px solid var(--modern-border);display:flex;align-items:center;gap:10px}.sidebar-user{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.user-avatar{width:35px;height:35px;border-radius:12px;background:#f0efff;color:#6558d9;display:grid;place-items:center;font-weight:900}.sidebar-user b{display:block;font-size:12px}.sidebar-user small{font-size:10px;color:#98a1b0}.sidebar-logout{border:0;background:#f7f7fa;color:#6b7280;width:34px;height:34px;border-radius:10px}
.workspace{margin-left:var(--sidebar-w);min-height:100vh}.topbar{position:sticky;top:0;z-index:35;background:rgba(255,255,255,.94);border-bottom:1px solid var(--modern-border);box-shadow:none;backdrop-filter:blur(14px)}.topbar-inner{max-width:none;padding:12px 26px}.mobile-brand{display:none;align-items:center;gap:10px;min-width:0}.today-pill{font-size:11px;color:#778194;background:#f6f7fa;border:1px solid #eceff4;border-radius:999px;padding:7px 10px}.mobile-logout{display:none}.main{max-width:1450px;padding:26px 28px 45px}
.dashboard-welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.dashboard-welcome h1{font-size:28px;letter-spacing:-.03em;margin:2px 0 5px}.dashboard-welcome p{margin:0;color:#7d8799;font-size:13px;max-width:700px}.dashboard-grid{display:grid;grid-template-columns:2fr repeat(2,1fr);gap:13px;margin-bottom:14px}.hero-balance{grid-row:span 2;background:linear-gradient(135deg,#5045c7,#776be8);border-radius:20px;padding:24px;color:#fff;display:flex;justify-content:space-between;align-items:flex-start;min-height:180px}.hero-balance span{font-size:10px;letter-spacing:.11em;font-weight:900;opacity:.8}.hero-balance strong{display:block;font-size:31px;letter-spacing:-.04em;margin:14px 0 6px}.hero-balance small{font-size:11px;opacity:.78}.hero-balance-icon{width:48px;height:48px;border-radius:16px;background:#ffffff20;display:grid;place-items:center;font-size:24px}.quick-card{background:#fff;border:1px solid var(--modern-border);border-radius:17px;padding:17px 18px}.quick-card span{font-size:11px;color:#8791a2}.quick-card b{display:block;font-size:18px;margin:6px 0;color:#293144}.quick-card small{font-size:10px;color:#a1a9b6}
.dashboard-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:16px 0}.dashboard-actions button{border:1px solid var(--modern-border);background:#fff;border-radius:15px;padding:14px;text-align:left;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:10px;cursor:pointer}.dashboard-actions button>span{grid-row:1/3;width:38px;height:38px;border-radius:12px;background:#f0efff;color:#6558d9;display:grid;place-items:center;font-size:18px}.dashboard-actions b{font-size:12px;color:#30384a}.dashboard-actions small{font-size:10px;color:#9aa3b2;margin-top:2px}.dashboard-panels{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:14px}.dashboard-panels>.card{box-shadow:none;border-color:var(--modern-border);border-radius:18px}.modern-bar .bar-fill{background:linear-gradient(180deg,#796ee7,#6558d9);border-radius:7px 7px 3px 3px}.bar-value{height:16px;font-size:8px;color:#9aa3b2;overflow:hidden}.money-list{display:grid;gap:0}.money-list>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #f0f2f6;font-size:11px}.money-list b{font-size:11px}.money-list-total{border-bottom:0!important;padding-top:14px!important;font-weight:900;color:#3f4758}.empty-mini{padding:30px 10px;text-align:center;color:#9aa3b2;font-size:11px}
.capital-hero{display:grid;grid-template-columns:1.25fr .9fr;background:linear-gradient(135deg,#322d83,#6558d9);border-radius:22px;overflow:hidden;margin-bottom:16px;color:#fff}.capital-copy{padding:28px}.capital-kicker{font-size:10px;letter-spacing:.12em;font-weight:900;opacity:.78}.capital-copy>strong{display:block;font-size:34px;margin:16px 0 9px;letter-spacing:-.04em}.capital-copy p{max-width:600px;opacity:.78;font-size:12px;line-height:1.6}.capital-entry{background:#fff;color:#31394a;margin:12px;border-radius:17px;padding:18px;display:grid;gap:8px}.capital-entry label{font-size:10px;font-weight:800;color:#707b8e}.money-input{display:flex;align-items:center;border:1px solid #dfe3eb;border-radius:11px;overflow:hidden;background:#fff}.money-input span{padding:11px 0 11px 12px;font-weight:800;color:#596375}.money-input input{border:0;outline:0;padding:11px;width:100%;font-size:16px;font-weight:800;color:#222b3a}.money-preview{font-size:10px;color:#8b94a4}.capital-save{margin-top:4px;background:#6558d9}
.finance-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:8px;margin-bottom:16px}.flow-card{background:#fff;border:1px solid var(--modern-border);border-radius:15px;padding:15px}.flow-card span{font-size:10px;color:#8d96a5}.flow-card b{display:block;font-size:15px;margin:5px 0}.flow-card small{font-size:9px;color:#a0a7b3}.flow-card.result{background:#f0efff;border-color:#dedaff;color:#5145c2}.flow-op{display:grid;place-items:center;color:#a1a8b4;font-weight:900}.neutral-stat{background:#fff!important;color:#2b3445!important;border:1px solid var(--modern-border);box-shadow:none!important}.neutral-stat small{color:#8a94a5}.balance-stat{background:#6558d9!important;box-shadow:none!important}.balance-stat.minus{background:#dc2626!important}
@media(max-width:1050px){.dashboard-panels{grid-template-columns:1fr 1fr}.dashboard-panels>.card:first-child{grid-column:1/-1}.dashboard-grid{grid-template-columns:1.5fr 1fr}.hero-balance{grid-row:span 4}.dashboard-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){:root{--sidebar-w:300px}.workspace{margin-left:0}.sidebar{width:min(84vw,330px);transform:translateX(-104%);transition:transform .22s ease;box-shadow:18px 0 45px rgba(15,23,42,.2)}body.nav-open .sidebar{transform:translateX(0)}body.nav-open .nav-overlay{display:block}.sidebar .tabs{padding-bottom:30px}.topbar-inner{padding:9px 11px}.mobile-brand{display:flex;flex:1}.mobile-brand .brand-mark{width:34px;height:34px;border-radius:11px}.today-pill{display:none}.mobile-menu-btn{display:grid}.mobile-logout{display:block}.main{padding:18px 11px 32px}.dashboard-welcome{display:block}.dashboard-welcome .btn{width:100%;margin-top:12px}.dashboard-welcome h1{font-size:24px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:9px}.hero-balance{grid-column:1/-1;grid-row:auto;min-height:145px;padding:20px}.hero-balance strong{font-size:27px}.quick-card{padding:14px}.quick-card b{font-size:15px;overflow-wrap:anywhere}.dashboard-actions{grid-template-columns:1fr 1fr;gap:8px}.dashboard-actions button{padding:11px;grid-template-columns:34px 1fr}.dashboard-actions button>span{width:34px;height:34px}.dashboard-panels{grid-template-columns:1fr}.dashboard-panels>.card:first-child{grid-column:auto}.capital-hero{grid-template-columns:1fr}.capital-copy{padding:21px 18px 10px}.capital-copy>strong{font-size:29px}.capital-entry{margin:10px}.finance-flow{grid-template-columns:1fr 1fr;gap:8px}.flow-op{display:none}.finance-flow .flow-card.result{grid-column:1/-1}.finance-stats{grid-template-columns:1fr 1fr!important}}
@media(max-width:420px){.dashboard-grid{grid-template-columns:1fr}.hero-balance{grid-column:auto}.dashboard-actions{grid-template-columns:1fr}.finance-stats{grid-template-columns:1fr!important}}

/* v8.6.1 profit/loss + finance repair */
.profit-card{border-color:#d8f2e2;background:#fbfffc}.profit-card span{color:#56846a}.profit-card b{color:#15803d}.profit-card.loss{border-color:#fee2e2;background:#fffafa}.profit-card.loss span{color:#a66}.profit-card.loss b{color:#dc2626}
.dashboard-grid{grid-template-columns:2fr repeat(3,minmax(0,1fr))}
@media(max-width:1180px){.dashboard-grid{grid-template-columns:1.5fr 1fr 1fr}.hero-balance{grid-row:span 2}}
@media(max-width:760px){.dashboard-grid{grid-template-columns:1fr 1fr}.hero-balance{grid-column:1/-1;grid-row:auto}}
@media(max-width:420px){.dashboard-grid{grid-template-columns:1fr}.hero-balance{grid-column:auto}}

/* v8.6.2 monthly profit history */
.monthly-profit-history{margin-top:16px}
.current-month-row{background:#faf9ff}
.monthly-profit-history .badge{font-size:8px;background:#f0efff;color:#6558d9;border-radius:999px;padding:3px 6px;margin-left:5px}
@media(max-width:760px){.monthly-profit-history .table{min-width:720px}}


/* v8.6.3 — mode print khusus label */
@media print{
  body.printing-labels{
    margin:0!important;
    padding:0!important;
    background:#fff!important;
  }
  body.printing-labels .sidebar,
  body.printing-labels .topbar,
  body.printing-labels .nav-overlay,
  body.printing-labels .migration-banner,
  body.printing-labels #cloudSyncStatus,
  body.printing-labels .toast,
  body.printing-labels .label-settings,
  body.printing-labels .label-preview-card>.section-title{
    display:none!important;
  }
  body.printing-labels .workspace{
    margin:0!important;
    padding:0!important;
    width:auto!important;
    min-height:0!important;
  }
  body.printing-labels .main{
    margin:0!important;
    padding:0!important;
    width:auto!important;
    max-width:none!important;
  }
  body.printing-labels .main>*{
    display:none!important;
  }
  body.printing-labels .main>.label-dashboard{
    display:block!important;
    margin:0!important;
    padding:0!important;
  }
  body.printing-labels .label-dashboard>*{
    display:none!important;
  }
  body.printing-labels .label-dashboard>.label-preview-card{
    display:block!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    background:#fff!important;
  }
  body.printing-labels .label-preview-card>*{
    display:none!important;
  }
  body.printing-labels .label-preview-card>.label-sheet-viewport{
    display:block!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:#fff!important;
    border:0!important;
  }
  body.printing-labels #labelPrintArea{
    display:grid!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    background:#fff!important;
    overflow:visible!important;
    align-content:start!important;
  }
  body.printing-labels #labelPrintArea .print-label{
    display:flex!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
    box-shadow:none!important;
  }
  body.printing-labels .no-print{
    display:none!important;
  }
}

/* v8.7 role login */
.role-login{max-width:470px}.role-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:7px 0 14px}.role-choice>label{display:flex;align-items:flex-start;gap:8px;padding:12px;border:1px solid #dfe3eb;border-radius:13px;background:#fff;cursor:pointer}.role-choice input{margin-top:3px}.role-choice b,.role-choice small{display:block}.role-choice small{font-size:10px;color:#8b94a4;margin-top:3px;line-height:1.35}.full-settings-action{grid-column:1/-1}@media(max-width:520px){.role-choice{grid-template-columns:1fr}}

.admin-access-banner{margin:14px 28px 0;padding:10px 14px;border:1px solid #d9d6ff;background:#f5f3ff;color:#5b51c7;border-radius:12px;font-size:11px;font-weight:800}
@media(max-width:760px){.admin-access-banner{margin:10px 11px 0}}

/* v8.7.2 sync status */
.sync-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.sync-info-grid>div{padding:12px;border:1px solid #e7e8ee;border-radius:12px;background:#fafbfc}
.sync-info-grid small,.sync-info-grid b{display:block}.sync-info-grid small{color:#8b94a4;font-size:9px;margin-bottom:4px}
@media(max-width:600px){.sync-info-grid{grid-template-columns:1fr}}
/* v9 Trade-In, customer, global IMEI and audit */
.status-purple{background:#f3e8ff;color:#7e22ce}.status-green{background:#dcfce7;color:#166534}.status-orange{background:#ffedd5;color:#9a3412}.status-gray{background:#e5e7eb;color:#4b5563}.status-red{background:#fee2e2;color:#991b1b}
.wizard-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:0 0 16px}.wizard-step{padding:10px 6px;border-radius:11px;background:#f1f5f9;color:#64748b;text-align:center;font-size:11px;font-weight:800}.wizard-step.active{background:#ede9fe;color:#6d28d9}.inspection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inspection-row{display:grid;grid-template-columns:1fr 105px;gap:8px;align-items:center;padding:9px;border:1px solid #e5e7eb;border-radius:10px}.valuation-box{background:linear-gradient(135deg,#312e81,#6d28d9);color:#fff;border-radius:18px;padding:20px;margin:14px 0}.valuation-box strong{font-size:28px;display:block;margin-top:6px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.detail-grid>div{border:1px solid #e5e7eb;border-radius:11px;padding:11px}.detail-grid small,.detail-grid b{display:block}.detail-grid small{color:#64748b;margin-bottom:4px}.imei-result{border-left:5px solid #6366f1}.audit-change{max-width:360px;white-space:normal;font-size:11px}.customer-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-card{border:1px solid #e5e7eb;border-radius:15px;padding:15px}.customer-card h3{margin:0 0 7px}.role-choice.four{grid-template-columns:repeat(2,1fr)}
@media(max-width:760px){.wizard-steps{grid-template-columns:1fr 1fr}.inspection-grid,.detail-grid,.customer-cards{grid-template-columns:1fr}.inspection-row{grid-template-columns:1fr 100px}}
@media print{body.printing-trade-note .sidebar,body.printing-trade-note .topbar,body.printing-trade-note .nav-overlay,body.printing-trade-note .migration-banner,body.printing-trade-note .no-print{display:none!important}body.printing-trade-note .workspace{margin:0!important}body.printing-trade-note .main{padding:0!important}body.printing-trade-note .main>*{display:none!important}body.printing-trade-note #tradePrintHost{display:block!important}}

/* v9.0.2 — dashboard dark navy */
.dark-dashboard{--dark-card:#111d2f;--dark-card-2:#17253a;--dark-line:#263750;--dark-text:#eef4ff;--dark-muted:#94a8c4;background:radial-gradient(circle at 90% 0,#253060 0,transparent 32%),linear-gradient(145deg,#07111f,#0c1828 58%,#101b31);color:var(--dark-text);border-radius:25px;padding:22px;min-height:calc(100vh - 110px);box-shadow:0 22px 60px #07111f24}
.dark-dashboard .dashboard-welcome h1,.dark-dashboard h2,.dark-dashboard .section-title h2{color:var(--dark-text)}
.dark-dashboard .dashboard-welcome p,.dark-dashboard .muted,.dark-dashboard .quick-card small,.dark-dashboard .hero-balance small,.dark-dashboard .flow-card small{color:var(--dark-muted)}
.dark-dashboard>.card,.dark-dashboard .dashboard-panels>.card{background:linear-gradient(155deg,var(--dark-card-2),var(--dark-card));border-color:var(--dark-line);box-shadow:0 15px 35px #02081752;color:var(--dark-text)}
.dark-dashboard>.card .select,.dark-dashboard>.card .input{background:#0b1626;border-color:#31435d;color:#f4f7ff}
.dark-dashboard .dashboard-grid .quick-card{background:linear-gradient(145deg,#15243a,#0f1b2c);border:1px solid var(--dark-line);box-shadow:none;color:var(--dark-text)}
.dark-dashboard .dashboard-grid .quick-card span{color:#9fb1ca}.dark-dashboard .dashboard-grid .quick-card b{color:#fff}
.dark-dashboard .hero-balance{background:linear-gradient(135deg,#4f46e5,#6d28d9 55%,#2563eb);box-shadow:0 18px 40px #312e8166}
.dark-dashboard .stat{background:linear-gradient(145deg,#17263d,#101c2e)!important;border:1px solid var(--dark-line);box-shadow:none!important;color:var(--dark-text)!important}
.dark-dashboard .stat small{color:#9fb1ca!important}.dark-dashboard .stat strong{color:#fff}
.dark-dashboard .dashboard-actions button{background:#121f32;border-color:var(--dark-line);color:#f5f8ff;box-shadow:none}.dark-dashboard .dashboard-actions button:hover{background:#192a43;border-color:#52698c}.dark-dashboard .dashboard-actions small{color:#91a4bf}
.dark-dashboard .dashboard-actions button>span{background:#252d62;color:#aeb6ff}
.dark-dashboard .bar-fill{background:linear-gradient(180deg,#8b5cf6,#3b82f6)}.dark-dashboard .bar-label,.dark-dashboard .bar-value{color:#9fb1ca}
.dark-dashboard .money-list>div,.dark-dashboard .brand-line{border-color:var(--dark-line);color:#dbe7f8}.dark-dashboard .money-list-total{background:#172943!important;border-radius:10px;padding:10px!important}
.dark-dashboard .empty-mini{color:#91a4bf}.dark-dashboard .eyebrow{color:#a5b4fc}
@media(max-width:760px){.dark-dashboard{padding:14px;border-radius:19px;min-height:calc(100vh - 90px)}}
@media print{.dark-dashboard{background:#fff!important;color:#111!important;box-shadow:none!important;padding:0!important}}

/* v9.0.3 — tema gelap menyeluruh */
:root{
  --bg:#070d18;--surface:#0f1928;--surface-2:#152238;--surface-3:#1b2a41;
  --text:#edf4ff;--muted:#93a7c3;--line:#293a53;--primary:#7c6cf2;
  --primary-soft:#252d62;--shadow:0 16px 38px rgba(1,5,14,.35)
}
html,body,#app,.shell,.modern-shell,.workspace,.main{background:#070d18;color:var(--text)}
body{background:radial-gradient(circle at 8% 0,#182951 0,transparent 26%),radial-gradient(circle at 90% 15%,#251f55 0,transparent 28%),#070d18;color-scheme:dark}
.workspace{background:linear-gradient(145deg,#070d18,#0b1423 60%,#0d1729)}
.sidebar{background:linear-gradient(180deg,#0b1423,#08101c);border-color:#1f3048;box-shadow:12px 0 35px #0206125c;color:var(--text)}
.sidebar-brand,.sidebar-footer{border-color:var(--line)}
.sidebar-brand b,.sidebar-user b,.mobile-brand b,.page-heading h1,.section-title h2,.card h2,.card h3,.customer-card h3,.supplier-info h3{color:var(--text)}
.sidebar-brand small,.sidebar-user small,.mobile-brand small,.page-heading p,.muted,.field-hint,.empty-state,.label-note{color:var(--muted)!important}
.sidebar .nav-group-title,.tabs:before{color:#6f85a5}
.sidebar .tab,.tabs .tab{color:#9cafc9}.sidebar .tab:hover,.tabs .tab:hover{background:#13223a;color:#f5f8ff}.sidebar .tab.active,.tabs .tab.active{background:linear-gradient(135deg,#29265d,#202d66);color:#c9cdff;box-shadow:inset 0 0 0 1px #514d9b}
.topbar{background:rgba(8,16,29,.9);border-color:#1d2c43;box-shadow:0 1px 0 #22314a;backdrop-filter:blur(18px)}
.today-pill,.logout,.mobile-menu-btn,.install-btn,.sidebar-logout{background:#142138;color:#cbd8eb;border-color:#2a3c56}
.card,.mini-stat,.supplier-card,.customer-card,.history-card,.label-data-card,.migration-status,.sync-info-grid>div,.receipt-store,.return-summary,.detail-grid>div,.inspection-row{
  background:linear-gradient(155deg,var(--surface-2),var(--surface));border-color:var(--line);color:var(--text);box-shadow:var(--shadow)
}
.card,.supplier-card,.customer-card,.mini-stat{border-color:var(--line)}
.table{color:#dce7f6}.table th{background:#111e31;color:#9fb1ca;border-color:var(--line)}.table td{border-color:#23334a}.table tbody tr:hover{background:#14233a}.returned-row{background:#261a23!important}
.input,.select,.textarea,.login input{background:#0a1423;color:#eef4ff;border-color:#30435e}.input::placeholder,.textarea::placeholder,.login input::placeholder{color:#607795}.input:focus,.select:focus,.textarea:focus{border-color:#8076f4;box-shadow:0 0 0 3px #655bd12e;outline:none}.field label,.check-row{color:#b4c3d7}
select option{background:#0d1828;color:#eef4ff}
.btn.secondary{background:#1b2a40;color:#dce7f7;border:1px solid #31445e}.btn.secondary:hover{background:#243650}.btn.primary{background:linear-gradient(135deg,#6559dd,#4f7ce8)}.btn.success{background:linear-gradient(135deg,#0f9f78,#08795e)}.btn.danger{background:linear-gradient(135deg,#dc3c57,#a91f3b)}
.positive{color:#40d9a3}.negative{color:#ff7188}
.badge.status-green,.status-green{background:#123e35;color:#6ee7b7}.badge.status-purple,.status-purple{background:#302557;color:#c4b5fd}.badge.status-orange,.status-orange{background:#492d18;color:#fdba74}.badge.status-gray,.status-gray{background:#273449;color:#c1ccdb}.badge.status-red,.status-red,.badge.returned{background:#4a202b;color:#fda4af}
.label-global-settings,.label-note,.label-sheet-viewport,.return-result,.ecommerce-fields,.migration-steps>div{background:#101d30;border-color:var(--line);color:var(--text)}
.return-result:hover{background:#182942;border-color:#766cf0}.return-result span,.tracking-line,.return-summary span,.supplier-info div,.supplier-info p,.summary-metric span,.detail-grid small{color:var(--muted)}
.summary-metric,.brand-line,.money-list>div,.finance-ledger>div{border-color:var(--line)}
.money-list-total,.finance-ledger .total{background:#172943!important;color:#fff}.finance-flow .flow-card{background:linear-gradient(145deg,#17263d,#101c2e);border-color:var(--line);color:var(--text)}
.wizard-step{background:#152238;color:#94a8c4}.wizard-step.active{background:#302a67;color:#c7d2fe}.valuation-box{box-shadow:0 18px 38px #02061270}
.migration-banner{background:#101c2e;color:var(--text);border-color:#6f63e8;box-shadow:0 22px 60px #0009}.migration-banner span{color:var(--muted)}
.cloud-sync{background:#101c2e;color:#9fb1ca;border-color:#2b3d57}.cloud-sync[data-ok="1"]{background:#12372e;color:#6ee7b7;border-color:#276b58}
.role-choice>label{background:#101b2d;border-color:#2a3c56;color:var(--text)}.role-choice>label:has(input:checked){background:#242450;border-color:#746be7}.role-choice small{color:#91a4bf}.login{background:radial-gradient(circle at 18% 15%,#273567 0,transparent 34%),linear-gradient(145deg,#050b15,#0b1728 55%,#17143a)}.login-card{background:rgba(10,20,35,.82);border-color:#42516a;color:#fff}
.admin-access-banner{background:#24234c;border-color:#514e91;color:#c9c7ff}.danger-zone{background:linear-gradient(155deg,#2b1720,#17131b);border-color:#5a2838}
.dark-dashboard{background:transparent;box-shadow:none;padding:0;min-height:0}
.dark-dashboard>.card,.dark-dashboard .dashboard-panels>.card{background:linear-gradient(155deg,var(--surface-2),var(--surface))}
.label-preview-card{background:linear-gradient(155deg,var(--surface-2),var(--surface))}
.label-sheet-viewport{padding:10px}.label-sheet,.label-sheet.custom-paper,.print-label{background:#fff;color:#111}.print-label .label-extra{color:#475569}
.invoice{background:#101b2d;color:var(--text);padding:16px;border-radius:14px}.invoice td,.invoice th{border-color:#33445c}
details pre{background:#091321;color:#c8d7eb;border:1px solid var(--line);padding:10px;border-radius:9px;overflow:auto}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#08111e}::-webkit-scrollbar-thumb{background:#31435d;border-radius:999px;border:2px solid #08111e}
@media(max-width:760px){body{background:#070d18}.tabs{background:#0a1423;box-shadow:18px 0 45px #000b}.modal-box{background:#0f1928;color:var(--text);border:1px solid var(--line)}.nav-overlay{background:#020612b8}}
@media print{
  html,body,#app,.shell,.workspace,.main{background:#fff!important;color:#111!important;color-scheme:light}
  .invoice,.modal-box,#tradePrintHost{background:#fff!important;color:#111!important;border:0!important;box-shadow:none!important}
  .invoice td,.invoice th{border-color:#ddd!important}
  body.printing-labels #labelPrintArea,body.printing-labels .label-sheet,body.printing-labels .print-label{background:#fff!important;color:#111!important}
}

/* v9.0.4 — kontras otomatis untuk permukaan terang dan gelap */
.label-sheet,.label-sheet.custom-paper,.print-label,
.label-sheet *,.label-sheet.custom-paper *,.print-label *{
  color:#0b1220!important
}
.label-sheet a,.print-label a{color:#111827!important}
.label-sheet .code-error,.print-label .code-error{color:#991b1b!important}

.capital-entry,.capital-entry *,.money-input,.money-input *{color:#111827}
.capital-entry,.money-input{background:#fff}
.capital-entry .input,.capital-entry .select,.money-input input{
  background:#fff!important;color:#111827!important;border-color:#cbd5e1
}

.hero-balance,.hero-balance *,.valuation-box,.valuation-box *,
.capital-copy,.capital-copy *,.stat:not(.neutral-stat),.stat:not(.neutral-stat) *,
.btn.primary,.btn.success,.btn.danger,.brand-mark{color:#fff!important}
.card,.modal-box,.supplier-card,.customer-card,.label-data-card,
.card h1,.card h2,.card h3,.modal-box h1,.modal-box h2,.modal-box h3{color:var(--text)}
.table th,.table td{color:#dce7f6}
.input,.select,.textarea{color:#f8fbff!important}
.btn.secondary{color:#edf4ff!important}

.toast.notify.success,.toast.notify.error,.toast.notify.warning,
.toast.notify.success *,.toast.notify.error *,.toast.notify.warning *{color:#111827!important}

@media print{
  body,body *{color:#111!important;text-shadow:none!important}
  .label-sheet,.label-sheet *,.print-label,.print-label *,
  .invoice,.invoice *,#tradePrintHost,#tradePrintHost *{color:#111!important}
  .label-sheet,.print-label,.invoice,#tradePrintHost{background:#fff!important}
}

/* v9.0.5 — pemilih bulan Dashboard dan penyegaran arus modal */
.dashboard-month-picker{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.dashboard-month-picker>div:first-child{display:grid;gap:4px}.dashboard-month-picker b{font-size:18px;color:#f8fbff}.dashboard-month-picker small{font-size:11px;color:#93a7c3}
.dashboard-month-picker .actions{margin:0;align-items:center}.dashboard-month-picker .input{min-width:180px}
.finance-ledger>div span{color:#b8c7da}.finance-ledger>div b{font-variant-numeric:tabular-nums}
@media(max-width:700px){.dashboard-month-picker{align-items:flex-start;flex-direction:column}.dashboard-month-picker .actions{width:100%;display:grid;grid-template-columns:1fr auto}.dashboard-month-picker .input{min-width:0}.finance-heading>.btn{width:100%}}

/* Online v1.0 */
.online-loading{text-align:center}.loading-line{height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,#60a5fa,transparent);background-size:200% 100%;animation:online-loading 1.1s linear infinite;margin-top:22px}
@keyframes online-loading{to{background-position:-200% 0}}
.activation-card{max-height:94vh;overflow:auto}.activation-card .error{margin-bottom:8px}.password-action{width:100%;margin-top:8px}.offline-readonly .cloud-sync{background:#451a03!important;color:#fdba74!important;border-color:#9a3412!important}