:root{--bg:#f1f6f9;--teal:#008c95;--ink:#143650;--line:#e1ebf0}body{background:radial-gradient(ellipse at 90% 0,#dff4f144,transparent 45%),var(--bg)}main{padding-top:30px}.sidebar{background:linear-gradient(165deg,#0a2b42,#0d354a 58%,#0c263c);box-shadow:8px 0 30px #132f4310}.brand-logos{box-shadow:0 7px 18px #0002;border:1px solid #ffffff80}.brand-name{padding:4px 0 2px}.branch{background:#ffffff06}.sidebar nav a{transition:background .18s,transform .18s,color .18s}.sidebar nav a:hover{background:#ffffff0c;color:white;transform:translateX(3px)}nav a.active{background:linear-gradient(100deg,#0c686e88,#215367);box-shadow:inset 0 0 0 1px #46b6b51a}header{position:sticky;top:0;z-index:10;background:#ffffffed;backdrop-filter:blur(14px);box-shadow:0 3px 16px #20384b05}.header-actions>a{font-weight:600}.theme-toggle{background:#eef7f8;border:1px solid #d9e9ed;color:#147a83;font-size:19px;width:36px;height:36px;padding:0;border-radius:50%;display:grid;place-items:center}.heading{padding:6px 0 0}.heading h1{font-weight:750;font-size:29px;letter-spacing:-.9px}.eyebrow{color:#008a94}.panel,.filters,.kpi{box-shadow:0 5px 22px #244b6410;border-color:#dce8ee;border-radius:15px}.panel{padding:25px}.panel h3{font-size:15px;color:#24465c}.panel-title h3{position:relative}.panel-title h3:before{content:'';height:13px;width:3px;background:#00a9a2;border-radius:3px;display:inline-block;margin-right:8px;vertical-align:-1px}.panel-title p{line-height:1.7}.filters{border-top:3px solid #11aaa5;background:linear-gradient(120deg,#fff,#faffff)}label{font-size:11px;color:#526f82}input,select,textarea{border-radius:9px;border-color:#d9e5ec;transition:border .18s,box-shadow .18s;background:#fff}input:hover,select:hover,textarea:hover{border-color:#a9c8d2}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 4px #049c9810;outline:1px solid #48b4b1}button,.button{transition:transform .16s,box-shadow .16s,background .16s;border-radius:9px}button:not(.secondary):not(.danger):not(.theme-toggle):not(.logout):not(.notice-close),.button:not(.secondary):not(.danger){background:linear-gradient(115deg,#00818b,#00a39a);box-shadow:0 5px 12px #008c8b20}button:hover,.button:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0a596b20}button:disabled{cursor:wait;opacity:.65;transform:none}.secondary{border-color:#d5e3ea}.kpi{padding:25px 22px;transition:transform .2s,box-shadow .2s}.kpi:hover{transform:translateY(-3px);box-shadow:0 9px 25px #244b641c}.kpi.featured{background:radial-gradient(circle at 100% 0,#3de0c850,transparent 65%),linear-gradient(125deg,#006b80,#00a69b);box-shadow:0 8px 25px #008f9130}.kpi.featured:after{content:'';position:absolute;right:-30px;bottom:-45px;width:160px;height:160px;border:1px solid #ffffff18;border-radius:50%;box-shadow:0 0 0 22px #ffffff05,0 0 0 44px #ffffff04;pointer-events:none}.kpi h2{font-weight:750;letter-spacing:-.9px}.kpi:nth-child(3)>b{background:#eef0fc;color:#6776ca}.kpi:nth-child(4)>b{background:#fff5df;color:#c2953e}.badge{border-radius:6px;font-size:9px;letter-spacing:.15px}tbody tr{transition:background .15s}tbody tr:hover{background:#f5fbfb}th{background:#f3f8fa;color:#6c8797;font-size:9px}td{border-color:#edf3f6}.row-actions{gap:5px}.small-button{border-radius:6px;box-shadow:none!important}.notice{position:relative;padding-right:42px}.notice-close{position:absolute;right:10px;top:9px;background:transparent;color:inherit;font-size:21px;padding:0;width:24px;height:25px}.table-search{max-width:330px;margin:18px 0 12px}.table-search input{background:#f7fafc;padding-left:15px;font-size:12px}.document-meta{padding:20px;background:#f6fafb;border-radius:10px;border:1px solid #e9f0f4}.login-box>h2{font-size:30px}.login-brand{background:radial-gradient(ellipse at 15% 15%,#0d6c7680,transparent 50%),linear-gradient(140deg,#092b43,#006b7a)}.login-logos{box-shadow:0 12px 30px #001f3433}.account-panel{border-top:3px solid #00a79d}.panel,.kpi{animation:rise-in .3s ease both}.kpi:nth-child(2){animation-delay:.04s}.kpi:nth-child(3){animation-delay:.08s}.kpi:nth-child(4){animation-delay:.12s}@keyframes rise-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}body[data-theme=dark]{--bg:#0d1d2b;--ink:#dceaf3;--muted:#91acbc;--line:#294357;color:var(--ink)}body[data-theme=dark] header,body[data-theme=dark] .panel,body[data-theme=dark] .filters,body[data-theme=dark] .kpi:not(.featured){background:#152c3d;border-color:#294457}body[data-theme=dark] .panel h3{color:#d5e6ef}body[data-theme=dark] input,body[data-theme=dark] select,body[data-theme=dark] textarea{background:#102536;color:#dceaf3;border-color:#355366;color-scheme:dark}body[data-theme=dark] .secondary{background:#203b4c;color:#d5e8ee;border-color:#355467}body[data-theme=dark] th,body[data-theme=dark] tfoot th,body[data-theme=dark] .document-meta{background:#20394a;color:#b9d1df;border-color:#304c5d}body[data-theme=dark] td{border-color:#243f50}body[data-theme=dark] tbody tr:hover{background:#1b3748}body[data-theme=dark] label{color:#a8c2d2}body[data-theme=dark] .donut:before{background:#152c3d}body[data-theme=dark] .bar-track{background:#254455}body[data-theme=dark] .chart .gridline{stroke:#2d4859}body[data-theme=dark] .badge{background:#164c48;color:#80d3c4}body[data-theme=dark] .notice{background:#1c3d52;color:#bbd9e8;border-color:#31596f}body[data-theme=dark] .notice.success{background:#163f36;color:#9dddd0}body[data-theme=dark] .notice.error{background:#4b2b30;color:#ffc1b8}body[data-theme=dark] pre{background:#102536}body[data-theme=dark] .components strong{color:#c6dde9}body[data-theme=dark] .table-search input{background:#102536}body[data-theme=dark] a{color:#63c9cb}@media(max-width:600px){.panel{padding:17px}.heading h1{font-size:24px}.kpi{padding:18px 12px}.header-actions{gap:7px}.header-actions>a{display:none}.theme-toggle{width:31px;height:31px;font-size:16px}.kpi h2{font-size:21px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{body,body[data-theme=dark]{background:white!important;color:#123!important}.panel,body[data-theme=dark] .panel{background:white!important;box-shadow:none;border:0}td,th,body[data-theme=dark] td,body[data-theme=dark] th{color:#123!important;background:white!important}.table-search{display:none}}

.tariff-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:11px;color:var(--muted)}.serial-hint{max-width:160px;white-space:normal}.invalid{color:#bd4638!important}.qty[readonly]{background:#e9f5f4;border-color:#c5e1dc;font-weight:700;color:#087e77}body[data-theme=dark] .qty[readonly]{background:#20493f;color:#b4e5d7}@media(max-width:600px){.tariff-toolbar{align-items:start;flex-direction:column}}
.login[data-theme="dark"]{background:#0c2538;color:#dceaf3}.login[data-theme="dark"] .login-box{background:transparent}

.approval-flow{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 22px;padding:17px;background:#009c9810;border:1px solid #65bdb72b;border-radius:12px;font-size:12px}.approval-flow span{padding:8px 11px;background:#fff;border-radius:7px;color:#126571}.approval-create-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.approval-create{padding:19px;border:1px solid var(--line);border-radius:12px;min-width:0}.approval-create .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.approval-candidates{max-height:240px;overflow:auto;margin:15px 0;padding:8px;font-size:11px}.approval-candidates .checkbox{font-weight:400;line-height:1.5}.approval-action{margin-top:22px;padding:19px;border-top:1px solid var(--line)}.approval-status-released{background:#d9f4e7;color:#146340}.approval-status-rejected{background:#fbe7e1;color:#a24125}.approval-status-submitted{background:#fff0ce;color:#9b6c14}body[data-theme=dark] .approval-flow span{background:#173b4a;color:#8ed4d1}body[data-theme=dark] .approval-status-released{background:#194c38;color:#9fdbba}body[data-theme=dark] .approval-status-rejected{background:#542f2e;color:#ffb2a4}@media(max-width:600px){.approval-create-grid{grid-template-columns:1fr}.approval-action{padding:12px 0}.approval-action button{margin-bottom:9px;white-space:normal}.approval-flow{font-size:10px;gap:6px}}
.reconciliation-chart{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px;margin:8px 0 24px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#009c9806}.reconciliation-chart .bar-row{min-width:0;margin:0}.reconciliation-chart .bar-heading{flex-wrap:wrap;gap:4px 10px}.reconciliation-chart .bar-track{height:10px}.reconciliation-panel td:not(:first-child),.reconciliation-panel tfoot th:not(:first-child){text-align:right;white-space:nowrap}.reconciliation-ok{color:#10836c}.reconciliation-diff{color:#bd4638;font-weight:700}#reconciliation-status[data-state=ok]{background:#d9f4e7;color:#146340}#reconciliation-status[data-state=difference]{background:#fbe7e1;color:#a24125}body[data-theme=dark] #reconciliation-status[data-state=ok]{background:#194c38;color:#9fdbba}body[data-theme=dark] #reconciliation-status[data-state=difference]{background:#542f2e;color:#ffb2a4}body[data-theme=dark] .reconciliation-ok{color:#8ed8ba}body[data-theme=dark] .reconciliation-diff{color:#ffb2a4}@media(max-width:1000px){.reconciliation-chart{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.reconciliation-chart{grid-template-columns:1fr;padding:13px;gap:15px}.reconciliation-panel>.panel-title{align-items:flex-start;flex-direction:column;gap:10px}}
.sidebar .brand-logos img:only-child{width:100%;max-width:120px;max-height:64px}
.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0}.chart-toolbar label{display:flex;align-items:center;gap:10px;margin:0;font-size:12px}.chart-toolbar select{width:auto;max-width:220px}.chart-key{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;font-size:12px}.chart-key span{display:flex;gap:7px;align-items:center}.chart-key i{width:10px;height:10px;border-radius:3px;display:inline-block}#trend svg{width:100%;height:auto;min-height:230px}#trend svg text{fill:var(--muted,#94a3b8);font-size:11px}#composition .legend{min-width:175px;flex:1}#composition .legend p{font-size:12px}#composition .source-total{flex-wrap:wrap}.presentation .sidebar{display:none}.presentation .workspace{margin-left:0}details{padding:8px 12px;border-left:2px solid #25c6b2;margin:0 0 10px 25px}details summary{cursor:pointer;color:#22a99f;font-size:12px}button:disabled{opacity:.4;cursor:default}@media(min-width:1200px){html:fullscreen .sidebar{display:none}html:fullscreen .workspace{margin-left:0}}@media(max-width:600px){#trend svg{min-height:180px}.chart-key{font-size:10px;gap:8px}.chart-toolbar button{font-size:11px}}