:root{--brand-primary:#0068a6;--brand-primary-dark:#002f6c;--brand-secondary:#00b5e2;--brand-accent:#8031a7;--c-sales:#0068a6;--c-future:#00b5e2;--c-orders:#ff8200;--c-payable:#922773;--c-receivable:#009775;--ok:#009775;--warn:#ff8200;--danger:#e11d48;--bg:#f4f6f9;--bg-elevated:#fff;--bg-sidebar:#002f6c;--sidebar-text:#cbe7ec;--sidebar-active:#0068a6;--text:#1a2530;--text-muted:#5f6c7b;--border:#e3e8ef;--shadow:0 1px 3px rgba(16,32,48,.08),0 4px 16px rgba(16,32,48,.05);--shadow-hover:0 6px 24px rgba(16,32,48,.12);--radius:14px;--radius-sm:10px}[data-theme=dark]{--bg:#0e1620;--bg-elevated:#16212e;--bg-sidebar:#001e45;--sidebar-text:#9fb6c4;--sidebar-active:#0068a6;--text:#e6edf3;--text-muted:#8a9bad;--border:#243240;--shadow:0 1px 3px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.3);--shadow-hover:0 6px 24px rgba(0,0,0,.45)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Tahoma,Segoe UI,Verdana,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}.gentell-app{display:flex;min-height:100vh;color:var(--text)}.sidebar{width:256px;background:var(--bg-sidebar);color:var(--sidebar-text);position:fixed;inset:0 auto 0 0;z-index:40;transition:transform .25s ease}.sidebar,.sidebar__brand{display:flex;flex-direction:column}.sidebar__brand{align-items:flex-start;gap:8px;padding:22px 20px 18px;border-bottom:1px solid hsla(0,0%,100%,.07)}.sidebar__logo-img{width:100%;max-width:184px;height:auto;display:block}.sidebar__subtitle{font-size:11px;color:var(--sidebar-text);opacity:.8}.nav{padding:14px 12px;flex:1;overflow-y:auto}.nav__label{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;opacity:.75;padding:14px 12px 6px}.nav__item,.nav__label{color:var(--sidebar-text)}.nav__item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;cursor:pointer;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;border:none;background:none;width:100%;text-align:left}.nav__item:hover{background:#ffffff0f;color:#fff}.nav__item.active{background:var(--sidebar-active);color:#fff;font-weight:600}.nav__item .ico{width:20px;text-align:center;font-size:16px}.sidebar__footer{padding:14px 18px;font-size:11px;color:var(--sidebar-text);opacity:.85;border-top:1px solid hsla(0,0%,100%,.07)}.gentell-main{flex:1;margin-left:256px;min-width:0}.topbar{position:sticky;top:0;z-index:30;background:var(--bg-elevated);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:14px 28px}.topbar__menu{display:none;background:none;border:none;font-size:22px;color:var(--text);cursor:pointer}.topbar__title h1{font-size:19px;font-weight:700}.topbar__title p{font-size:12.5px;color:var(--text-muted);margin-top:2px}.topbar__spacer{flex:1}.sync-pill{display:flex;align-items:center;gap:8px;background:#16a34a1a;color:#0f7a37;padding:7px 13px;border-radius:999px;font-size:12px;font-weight:600}.sync-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 #00977580;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #00977580}70%{box-shadow:0 0 0 7px #00977500}to{box-shadow:0 0 #00977500}}.icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;font-size:17px;display:grid;place-items:center;transition:background .15s,border-color .15s}.icon-btn:hover{background:var(--bg);border-color:var(--brand-primary)}.gentell-content{padding:24px 28px 48px}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;margin-bottom:22px;box-shadow:var(--shadow)}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.field input,.field select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:9px 12px;font-size:13px;min-width:150px;font-family:inherit;cursor:pointer}.field input:focus,.field select:focus{outline:none;border-color:var(--brand-primary)}.filters__spacer{flex:1}.btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);padding:9px 15px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.btn:hover{color:var(--brand-primary)}.btn--primary,.btn:hover{border-color:var(--brand-primary)}.btn--primary{background:var(--brand-primary);color:#fff}.btn--primary:hover{background:var(--brand-primary-dark);color:#fff}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:22px}.kpi{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s}.kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--kpi-color,var(--brand-primary))}.kpi__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.kpi__icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:18px;background:color-mix(in srgb,var(--kpi-color,var(--brand-primary)) 14%,transparent);color:var(--kpi-color,var(--brand-primary))}.kpi__label{font-size:12.5px;color:var(--text-muted);font-weight:600}.kpi__value{font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.kpi__sub{font-size:12px;color:var(--text-muted);margin-top:6px;display:flex;gap:6px}.kpi__sub,.trend{align-items:center}.trend{font-weight:700;display:inline-flex;gap:3px}.trend--up{color:var(--ok)}.trend--down{color:var(--danger)}.badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px}.badge--warn{background:#ff820024;color:#92580a}.badge--danger{background:#e11d4824;color:#be123c}.badge--ok{background:#00977524;color:#0f7a37}.grid{display:grid;gap:18px;margin-bottom:18px}.grid--2{grid-template-columns:1fr 1fr}.grid--3{grid-template-columns:2fr 1fr}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow)}.panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.panel__head h3{font-size:15px;font-weight:700}.panel__head p{font-size:12px;color:var(--text-muted)}.panel__actions{display:flex;gap:6px}.chip{font-size:11px;padding:4px 10px;border-radius:999px;background:var(--bg);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-weight:600}.chip.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.chart{width:100%;height:320px}.chart--sm{height:260px}.chart--lg{height:380px}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:700}table.data td,table.data th{padding:11px 12px;border-bottom:1px solid var(--border)}table.data tbody tr:hover{background:var(--bg)}table.data .num{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.status{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;display:inline-block}.status--ok{background:#00977521;color:#0f7a37}.status--warn{background:#ff820021;color:#92580a}.status--late{background:#e11d4821;color:#be123c}.bar-mini{height:6px;border-radius:3px;background:var(--border);overflow:hidden;min-width:80px}.bar-mini>span{display:block;height:100%;border-radius:3px}.section-title{font-size:14px;font-weight:700;color:var(--text-muted);margin:26px 0 12px;text-transform:uppercase;letter-spacing:.05em}@media(max-width:1100px){.grid--2,.grid--3{grid-template-columns:1fr}}@media(max-width:860px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:none}.gentell-main{margin-left:0}.topbar__menu{display:block}.gentell-content{padding:18px 16px 40px}.topbar{padding:12px 16px}}.gentell-backdrop{display:none;position:fixed;inset:0;background:#00000073;z-index:39}.gentell-backdrop.show{display:block}