:root{--orange:#e97508;--orange2:#ff9a2e;--orange-soft:#fff2e5;--ink:#20262d;--ink2:#38424c;--muted:#78828d;--muted2:#a1aab4;--bg:#f7f8fa;--surface:#fff;--line:#e8ebef;--green:#17865c;--green-soft:#e8f7ef;--red:#cd4b46;--red-soft:#fff0ee;--amber:#b98118;--amber-soft:#fff6e6;--blue:#4076bb;--blue-soft:#eaf2fc;--shadow:0 12px 32px rgba(22,32,43,.055);--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Segoe UI",Inter,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em}p{line-height:1.55}.eyebrow{display:block;color:var(--orange);font-size:10px;letter-spacing:.17em;font-weight:800;text-transform:uppercase}.eyebrow.light{color:#ffc990}.button{border:1px solid transparent;border-radius:11px;min-height:40px;padding:0 16px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-size:12px;font-weight:750;white-space:nowrap;transition:transform .18s,box-shadow .18s,background .18s}.button svg{width:15px;height:15px}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button.primary{background:var(--orange);color:#fff;box-shadow:0 7px 15px rgba(233,117,8,.16)}.button.primary:hover{background:#cf6705;box-shadow:0 10px 20px rgba(233,117,8,.24)}.button.outline{background:#fff;border-color:#dce1e6;color:#3b4652}.button.outline:hover{border-color:#f2b77e;color:var(--orange)}.button.ghost{background:transparent;color:var(--muted)}.button.light{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.22)}.icon-button{height:38px;width:38px;background:transparent;border:1px solid transparent;border-radius:10px;display:grid;place-items:center;color:#66717d}.icon-button:hover{background:#f2f4f6;color:var(--ink)}.text-link{background:none;border:0;color:var(--orange);font-size:12px;font-weight:750;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.text-link svg{height:14px;width:14px}.text-link:hover{text-decoration:underline}.live-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#23aa77;box-shadow:0 0 0 3px rgba(35,170,119,.12);flex:none}.live-dot.bad{background:var(--red);box-shadow:0 0 0 3px rgba(205,75,70,.12)}

/* Authentication */
.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(420px,51%) 1fr;background:#fff}.login-story{color:white;min-height:100vh;padding:38px 54px 32px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 76% 74%,rgba(255,255,255,.095) 0 12%,transparent 12.5%),radial-gradient(circle at 77% 75%,transparent 0 26%,rgba(255,255,255,.075) 26.2% 26.5%,transparent 26.7%),linear-gradient(135deg,#262b31,#31353b 47%,#492d1c 100%);position:relative;overflow:hidden}.login-story:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:linear-gradient(135deg,rgba(241,126,24,.82),rgba(233,117,8,.4));filter:blur(85px);right:-160px;bottom:-130px;opacity:.5}.story-top,.story-bottom,.story-content{position:relative;z-index:1}.story-top{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.19em;font-weight:700;color:#e6e8ea}.story-mark{width:23px;height:23px;border:5px solid #ee810e;border-radius:8px;display:block;transform:rotate(-12deg)}.story-content{max-width:600px;margin:60px 0}.story-content h1{font-size:clamp(43px,4.7vw,78px);line-height:1.08;font-weight:750;margin-top:19px}.story-content h1 em{font-style:normal;color:#ffad58}.story-content p{font-size:17px;color:#cbd0d3;max-width:485px;margin-top:24px}.story-features{display:flex;flex-direction:column;gap:18px;margin-top:52px}.story-features div{display:flex;align-items:center;gap:12px;font-size:13px;color:#eff0f1}.story-features svg{height:16px;width:16px;color:#ffad58}.story-bottom{display:flex;justify-content:space-between;color:#aab1b6;font-size:11px}.login-side{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 28px}.login-card{width:min(440px,100%)}.brand-window{width:155px;height:62px;position:relative;overflow:hidden;background:white;flex:none}.brand-window img{position:absolute;left:-45px;top:-53px;width:232px;height:auto;max-width:none}.login-brand{margin-bottom:48px}.login-heading h2{font-size:35px;font-weight:750;margin-top:12px}.login-heading p{font-size:14px;color:var(--muted);margin-top:11px}.login-card form{margin-top:36px;display:flex;flex-direction:column}.login-card label{font-size:12px;font-weight:750;margin-bottom:9px}.login-card input{height:50px;border:1px solid #dce1e7;border-radius:10px;padding:0 14px;outline:none;color:var(--ink);background:#fff}.login-card input:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(233,117,8,.1)}.login-card input::placeholder{color:#aab2ba}.login-card label:not(:first-child){margin-top:21px}.password-wrap{position:relative}.password-wrap input{width:100%;padding-right:82px}.password-wrap button{position:absolute;right:10px;top:7px;height:36px;border:0;background:none;color:#787f87;font-size:11px;font-weight:700}.login-submit{height:52px;width:100%;margin-top:24px;justify-content:space-between;font-size:14px;padding:0 18px}.form-error{color:var(--red);font-size:12px;min-height:19px;margin-top:12px}.login-security{display:flex;align-items:center;gap:8px;color:#8a939d;border-top:1px solid var(--line);padding-top:23px;margin-top:33px;font-size:11px}.login-security svg{height:15px;width:15px}.login-help{font-size:11px;color:var(--muted);margin-top:48px;text-align:center}

/* App shell */
.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;flex:none;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:30}.sidebar-brand{height:118px;padding:25px 26px 16px;border-bottom:1px solid var(--line)}.sidebar-brand .brand-window{height:47px;width:142px}.sidebar-brand .brand-window img{width:212px;left:-41px;top:-49px}.sidebar-brand-sub{display:block;font-size:9px;font-weight:800;letter-spacing:.14em;color:#838d97;margin-top:5px}.workspace-switch{display:flex;align-items:center;gap:10px;margin:20px 13px 17px;padding:11px;border-radius:11px;border:1px solid #eaedf0;background:#fafbfc}.workspace-symbol{height:31px;width:31px;border-radius:9px;background:#fff2e5;color:var(--orange);font-weight:850;display:grid;place-items:center}.workspace-switch div{min-width:0;flex:1}.workspace-switch strong,.workspace-switch small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-switch strong{font-size:11px}.workspace-switch small{font-size:10px;color:var(--muted);margin-top:2px}.workspace-switch svg{width:12px;height:12px;color:#9aa4ae}.side-nav{flex:1;overflow-y:auto;padding:2px 12px 20px}.nav-caption{display:block;padding:12px 14px 8px;font-size:9px;letter-spacing:.15em;font-weight:850;color:#abb4bd}.nav-caption.second{padding-top:25px}.nav-item{width:100%;height:42px;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#697480;border-radius:9px;padding:0 12px;text-align:left;font-size:12px;font-weight:650;margin:2px 0;position:relative}.nav-item svg{width:17px;height:17px}.nav-item span:nth-child(2){flex:1}.nav-item:hover{background:#f5f6f8;color:var(--ink)}.nav-item.active{color:var(--orange);background:var(--orange-soft);font-weight:800}.nav-item.active:before{content:"";height:20px;width:3px;border-radius:2px;background:var(--orange);position:absolute;left:0}.nav-count{background:#eff1f3;color:#6c7781;border-radius:99px;min-width:22px;padding:2px 5px;font-size:10px;text-align:center}.nav-item.active .nav-count{background:#ffe3c7;color:var(--orange)}.sidebar-bottom{border-top:1px solid var(--line);padding:17px 19px 19px}.drive-mini{display:flex;align-items:flex-start;gap:10px;padding:11px;background:#f7f9f8;border-radius:10px}.drive-mini .live-dot{margin-top:6px}.drive-mini strong,.drive-mini small{display:block}.drive-mini strong{font-size:11px}.drive-mini small{font-size:10px;color:var(--muted);margin-top:3px;line-height:1.3}.signout{width:100%;padding:16px 5px 0;border:0;background:none;display:flex;align-items:center;justify-content:space-between;color:#8b939c;font-size:11px;font-weight:700}.signout svg{height:14px;width:14px}.signout:hover{color:var(--orange)}.app-main{min-width:0;flex:1}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 34px;position:sticky;top:0;z-index:20}.breadcrumbs{display:flex;align-items:center;gap:9px;font-size:12px;color:#97a0a9}.breadcrumbs svg{width:13px;height:13px}.breadcrumbs strong{color:var(--ink2);font-weight:750}.topbar-actions{display:flex;align-items:center;gap:13px}.top-sync{display:flex;align-items:center;gap:8px;color:#69747f;font-size:11px;font-weight:650}.top-sync.bad{color:var(--red)}.top-divider{height:24px;width:1px;background:var(--line)}.user-avatar{width:32px;height:32px;border-radius:10px;background:#f9e6d3;color:var(--orange);display:grid;place-items:center;font-size:11px;font-weight:850}.user-info strong,.user-info small{display:block}.user-info strong{font-size:11px}.user-info small{font-size:10px;color:var(--muted);margin-top:2px}.mobile-menu,.mobile-shade{display:none}.content{max-width:1590px;margin:0 auto;padding:36px 36px 30px}.global-error{padding:12px 15px;border:1px solid #f1c9c6;background:var(--red-soft);border-radius:10px;color:var(--red);margin-bottom:18px;font-size:12px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.page-head h1{font-size:31px;font-weight:760;margin-top:8px}.page-head p{font-size:13px;color:var(--muted);margin-top:6px}.page-actions{display:flex;gap:8px}.view{display:none;flex-direction:column;gap:18px}.view.active{display:flex}.footer{display:flex;justify-content:space-between;color:#a5adb5;font-size:10px;padding:35px 0 5px;gap:15px}.hero-banner{height:190px;background:linear-gradient(100deg,#292e35,#323840 70%,#473525);border-radius:17px;color:#fff;overflow:hidden;position:relative;padding:28px 35px;display:flex;justify-content:space-between}.hero-banner:before{content:"";position:absolute;inset:auto -80px -180px auto;width:370px;height:370px;border-radius:50%;background:rgba(232,118,11,.15);filter:blur(20px)}.banner-kicker{font-size:10px;letter-spacing:.16em;color:#c6cbd0;display:flex;align-items:center;gap:9px;font-weight:800}.hero-banner h2{font-size:28px;font-weight:730;margin-top:15px}.hero-banner p{color:#bec5cc;font-size:12px;margin-top:8px}.hero-art{width:270px;height:100%;position:relative;margin-right:5px}.art-orbit{position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%}.art-orbit.a{height:220px;width:220px;top:-43px;right:0}.art-orbit.b{height:140px;width:140px;top:-3px;right:40px}.art-card{position:absolute;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);border-radius:10px;padding:11px 14px;box-shadow:0 18px 40px #15181d45;color:#cdd2d6;font-size:9px;letter-spacing:.12em;font-weight:800}.art-card b{font-size:21px;letter-spacing:0;color:#fff;display:block;margin-top:4px}.art-card.one{top:15px;right:112px;transform:rotate(-8deg)}.art-card.two{top:66px;right:20px;transform:rotate(8deg)}.art-card.two b{color:#ffb56d}.art-line{position:absolute;width:117px;height:2px;right:67px;top:85px;background:linear-gradient(90deg,#ffab55,transparent);transform:rotate(26deg)}

/* Cards and charts */
.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.kpi-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-card{min-height:142px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 17px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;height:3px;width:27px;background:var(--accent,var(--orange));top:0;left:17px;border-radius:0 0 4px 4px}.kpi-top{display:flex;justify-content:space-between;align-items:flex-start}.kpi-label{color:#818b96;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;line-height:1.3}.kpi-icon{height:28px;width:28px;background:var(--accent-bg,var(--orange-soft));color:var(--accent,var(--orange));border-radius:8px;display:grid;place-items:center}.kpi-icon svg{height:15px;width:15px}.kpi-value{font-size:25px;font-weight:790;letter-spacing:-.045em;white-space:nowrap}.kpi-sub{font-size:10px;color:#909aa5;line-height:1.35}.kpi-card.bad{--accent:var(--red);--accent-bg:var(--red-soft)}.kpi-card.good{--accent:var(--green);--accent-bg:var(--green-soft)}.kpi-card.blue{--accent:var(--blue);--accent-bg:var(--blue-soft)}.kpi-card.amber{--accent:var(--amber);--accent-bg:var(--amber-soft)}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.span-7{grid-column:span 7}.span-5{grid-column:span 5}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);overflow:hidden}.panel-head{min-height:88px;padding:20px 22px 16px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #f0f2f4}.panel-kicker{font-size:9px;font-weight:850;color:var(--orange);letter-spacing:.13em}.panel-head h3{font-size:16px;font-weight:750;margin-top:5px}.panel-head p{color:#9aa3ad;font-size:11px;margin-top:4px}.panel-tag{font-size:10px;color:#83909d;background:#f7f8f9;padding:6px 9px;border-radius:7px;align-self:flex-start}.trend-chart{height:262px;padding:20px 22px 22px}.trend-chart svg{height:100%;width:100%;stroke-width:2;overflow:visible}.trend-chart .gridline{stroke:#e8edf0;stroke-width:1}.trend-chart .trend-fill{fill:rgba(233,117,8,.07);stroke:none}.trend-chart .trend-line{stroke:var(--orange);fill:none;stroke-width:2.5}.trend-chart .trend-dot{fill:var(--orange);stroke:white;stroke-width:2}.trend-chart text{fill:#9ca6af;font-size:10px;stroke:none}.status-chart{padding:18px 18px 22px;display:flex;align-items:center;gap:22px;min-height:260px}.donut{width:166px;height:166px;border-radius:50%;background:conic-gradient(var(--orange) 0 100%);position:relative;flex:none;display:grid;place-items:center}.donut:before{content:"";width:119px;height:119px;border-radius:50%;background:#fff;position:absolute}.donut-center{z-index:1;text-align:center}.donut-center strong{font-size:29px;display:block;line-height:1}.donut-center span{display:block;font-size:9px;color:#9aa4ae;text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-weight:800}.status-legend{display:grid;gap:10px;flex:1}.legend-row{display:flex;align-items:center;gap:8px;font-size:11px;color:#73808b}.legend-row .dot{height:8px;width:8px;border-radius:50%;flex:none}.legend-row strong{color:var(--ink2);margin-left:auto}.bar-list{padding:19px 22px;display:grid;gap:17px;min-height:245px}.bar-item{display:grid;grid-template-columns:160px 1fr 74px;align-items:center;gap:12px;font-size:11px}.bar-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.bar-track{height:8px;border-radius:20px;background:#f2f4f6;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#f7a448,#e97508);border-radius:20px;min-width:2px}.bar-value{text-align:right;font-weight:800;color:var(--ink2);font-size:11px}.insight-list{padding:16px 18px;display:grid;gap:10px}.insight-row{display:flex;gap:12px;padding:13px 12px;border-radius:9px;background:#fbfbfc;border:1px solid #f0f1f3}.insight-row .mini-icon{height:27px;width:27px;background:#fff0df;color:var(--orange);border-radius:8px;display:grid;place-items:center}.insight-row .mini-icon svg{height:14px;width:14px}.insight-row strong{display:block;font-size:11px}.insight-row p{font-size:10px;color:#8a949e;margin-top:4px}.share-list{padding:20px 22px;display:grid;gap:17px}.share-item-top{display:flex;justify-content:space-between;font-size:11px;margin-bottom:7px}.share-item-top strong{font-weight:700}.share-item-top span{font-weight:850}.share-item .bar-track{height:9px}

/* Tables */
.table-area{width:100%;overflow:auto;max-height:570px}.table-area table{width:100%;border-collapse:separate;border-spacing:0;font-size:11px;min-width:750px}.table-area th{position:sticky;top:0;z-index:2;background:#fbfcfd;color:#929ca6;text-transform:uppercase;letter-spacing:.07em;font-size:9px;font-weight:850;white-space:nowrap;text-align:left;padding:13px 17px;border-bottom:1px solid var(--line)}.table-area td{padding:15px 17px;border-bottom:1px solid #f0f2f3;color:#68747f;white-space:nowrap}.table-area tr:last-child td{border-bottom:none}.table-area tbody tr:hover td{background:#fdfbf9}.table-area td strong,.table-area td .order-link{color:#293139;font-weight:750}.table-area td.num,.table-area th.num{text-align:right;font-variant-numeric:tabular-nums}.table-area td.negative{color:var(--red);font-weight:850}.table-area td.positive{color:var(--green);font-weight:850}.order-link{border:0;background:none;padding:0;font-size:11px;text-align:left}.order-link:hover{color:var(--orange)!important;text-decoration:underline}.status-badge{display:inline-flex;padding:5px 9px;border-radius:6px;font-size:9px;font-weight:850;white-space:nowrap}.status-badge.critical,.status-badge.contest{background:var(--red-soft);color:var(--red)}.status-badge.ok{background:var(--green-soft);color:var(--green)}.status-badge.saving{background:var(--blue-soft);color:var(--blue)}.status-badge.missing{background:var(--amber-soft);color:var(--amber)}.status-badge.other{background:#f1f3f5;color:#6c7782}.risk-track{width:63px;height:5px;border-radius:9px;background:#edf0f2;overflow:hidden;display:inline-block;margin-right:7px;vertical-align:middle}.risk-track span{display:block;height:100%;background:linear-gradient(90deg,#eec981,#d25b50);border-radius:9px}.risk-number{font-weight:800;color:#626e79}.empty{padding:48px 25px;text-align:center;color:#9da7b0;font-size:12px}.empty svg{display:block;margin:0 auto 15px;height:30px;width:30px;color:#c6cdd3}.empty strong{display:block;color:#505b65;font-size:14px;margin-bottom:7px}.table-summary{display:flex;justify-content:space-between}.table-summary span{color:#8c96a0}.table-panel .table-area{max-height:690px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-top:1px solid var(--line);font-size:11px;color:#89949e}.pagination .page-buttons{display:flex;gap:6px}.pagination button{height:29px;min-width:30px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#67737e;font-size:11px}.pagination button:hover:not(:disabled){color:var(--orange);border-color:#f7bc85}.pagination button:disabled{opacity:.45;cursor:default}.filter-panel{display:grid;grid-template-columns:minmax(250px,1.3fr) repeat(3,minmax(150px,1fr)) auto;gap:10px;padding:13px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.filter-search{height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #e3e7ea;border-radius:9px;background:#fcfcfd;color:#9aa4ae}.filter-search svg{height:16px;width:16px}.filter-search input{border:0;outline:none;background:none;width:100%;font-size:11px;color:var(--ink)}.filter-panel select{height:42px;background:#fcfcfd;border:1px solid #e3e7ea;border-radius:9px;color:#65717c;padding:0 12px;font-size:11px;outline:none}.filter-panel select:focus,.filter-search:focus-within{border-color:var(--orange)}.table-summary{display:flex;justify-content:space-between;color:#89939d;font-size:11px;padding:0 2px}.table-summary span:first-child{font-weight:700;color:#6d7883}

/* Secondary pages */
.insights-intro{padding:30px 32px;background:linear-gradient(110deg,#282d33,#4c3826);color:#fff;border-radius:15px}.insights-intro h2{font-size:29px;margin-top:10px}.insights-intro p{color:#c4c9ce;font-size:12px;max-width:540px;margin-top:10px}.insight-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.insight-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px;box-shadow:var(--shadow);min-height:180px}.insight-card .number{display:block;color:var(--orange);font-size:10px;font-weight:850;letter-spacing:.08em}.insight-card h3{font-size:16px;margin-top:17px}.insight-card p{font-size:12px;color:#7e8993;margin-top:8px}.insight-card .action{font-size:10px;color:var(--orange);font-weight:800;margin-top:20px}.drive-hero{background:linear-gradient(115deg,#282e34,#433324);color:#fff;border-radius:15px;padding:25px 30px;display:flex;align-items:center;gap:20px}.drive-icon{height:60px;width:60px;border-radius:14px;background:rgba(255,255,255,.12);display:grid;place-items:center}.drive-icon svg{height:28px;width:28px;color:#ffb35d}.drive-hero div:nth-child(2){flex:1}.drive-hero h2{font-size:22px;margin-top:8px}.drive-hero p{font-size:11px;color:#c8cace;margin-top:6px;max-width:610px}.drive-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.drive-detail-card{padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:13px}.drive-detail-card span{display:block;color:#9aa3ac;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.drive-detail-card strong{display:block;font-size:18px;margin-top:9px}.drive-detail-card small{display:block;font-size:10px;color:#8a949e;margin-top:7px}.drive-detail-card.bad strong{color:var(--red)}

/* Drawer and modal */
.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;background:rgba(25,32,39,.42);z-index:45;backdrop-filter:blur(2px)}.detail-drawer{position:fixed;right:0;top:0;height:100vh;width:min(530px,100vw);background:#fff;z-index:46;overflow-y:auto;box-shadow:-25px 0 80px rgba(20,29,37,.14);padding:25px 27px}.drawer-head{display:flex;align-items:center;justify-content:space-between}.drawer-title{font-size:25px;margin-top:20px}.drawer-sub{font-size:12px;color:var(--muted);margin-top:6px}.detail-status{margin:17px 0 21px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-field{background:#fafbfc;border:1px solid #edf0f2;border-radius:10px;padding:12px}.detail-field span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#9ca5ae;font-weight:800;display:block}.detail-field strong{display:block;font-size:14px;margin-top:5px;color:#33404a}.detail-section{margin-top:28px}.detail-section h3{font-size:14px;margin-bottom:12px}.detail-calc{border:1px solid var(--line);border-radius:10px;overflow:hidden}.detail-calc-row{display:flex;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid #f0f2f4;font-size:11px;color:#7b8792}.detail-calc-row:last-child{border:0}.detail-calc-row.total{background:#fff6ea;color:#af600e;font-size:12px;font-weight:850}.detail-action{margin-top:25px;width:100%}.modal-backdrop{display:grid;place-items:center;padding:20px;z-index:48}.modal{width:min(610px,100%);max-height:min(760px,90vh);overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 30px 110px rgba(15,25,35,.25)}.modal-head{padding:23px 26px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.modal-head h2{font-size:23px;margin-top:7px}.modal-body{padding:25px 26px}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 15px}.modal-field label{display:block;font-size:11px;font-weight:760;margin-bottom:7px}.modal-field input,.modal-field select{width:100%;height:43px;border:1px solid #dce2e7;border-radius:9px;padding:0 11px;outline:none;background:#fff;color:var(--ink)}.modal-field input:focus,.modal-field select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(233,117,8,.1)}.modal-field.full{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}.modal-note{background:#fff7ed;color:#a2621f;border-radius:9px;padding:10px 12px;font-size:11px;margin-top:18px}.toast-region{position:fixed;right:22px;bottom:22px;z-index:55;display:grid;gap:8px}.toast{min-width:245px;max-width:370px;background:#30363c;color:#fff;border-radius:10px;padding:13px 16px;box-shadow:0 16px 42px rgba(20,29,37,.2);font-size:11px;animation:toast-in .2s ease}.toast.good{border-left:3px solid #56c293}.toast.bad{border-left:3px solid #f0766f}@keyframes toast-in{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}

/* Accessible feedback and responsive layout */
:focus-visible{outline:3px solid rgba(233,117,8,.34);outline-offset:2px}::selection{background:#ffe0bd;color:#30281f}.skeleton{background:linear-gradient(90deg,#f3f5f6 20%,#e9edf0 48%,#f3f5f6 72%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:7px}@keyframes shimmer{to{background-position-x:-200%}}@media(max-width:1390px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.kpi-grid.compact{grid-template-columns:repeat(4,1fr)}.span-7,.span-5{grid-column:span 6}.status-chart{gap:10px}.donut{width:125px;height:125px}.donut:before{width:90px;height:90px}.bar-item{grid-template-columns:120px 1fr 68px}.filter-panel{grid-template-columns:1.2fr 1fr 1fr}.filter-panel select:last-of-type{grid-column:2}.filter-panel button{grid-column:3}}@media(max-width:1080px){.sidebar{width:214px}.content{padding:25px}.topbar{padding:0 25px}.dashboard-grid{grid-template-columns:1fr}.span-7,.span-5{grid-column:1}.status-chart{justify-content:space-around}.kpi-grid.compact{grid-template-columns:repeat(2,1fr)}.insight-card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.login-screen{grid-template-columns:1fr}.login-story{min-height:310px;padding:26px;justify-content:flex-start}.story-content{margin:30px 0}.story-content h1{font-size:36px}.story-content p{font-size:12px;margin-top:12px}.story-features,.story-bottom{display:none}.login-side{padding:30px 24px 50px}.login-brand{margin-bottom:30px}.login-heading h2{font-size:28px}.sidebar{position:fixed;left:0;transform:translateX(-100%);width:248px;transition:transform .23s}.sidebar.mobile-open{transform:translateX(0)}.mobile-shade{display:none;position:fixed;inset:0;background:rgba(15,26,36,.38);z-index:25}.mobile-shade.visible{display:block}.mobile-menu{display:grid}.topbar{padding:0 15px;height:60px}.breadcrumbs span,.breadcrumbs svg,.top-sync,.user-info,.top-divider{display:none}.topbar-actions{gap:3px}.content{padding:23px 14px}.page-head{align-items:flex-start}.page-head h1{font-size:26px}.page-head p{font-size:11px}.page-actions{gap:4px}.page-actions .button{padding:0 10px;font-size:10px;min-height:34px}.page-actions .button svg{width:13px;height:13px}.hero-banner{height:auto;min-height:162px;padding:24px}.hero-banner h2{font-size:23px}.hero-art{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:9px}.kpi-card{min-height:120px;padding:14px}.kpi-value{font-size:22px}.panel-head{padding:17px}.trend-chart{padding:15px}.status-chart{flex-direction:column}.filter-panel{grid-template-columns:1fr 1fr}.filter-search{grid-column:1/-1}.filter-panel select:last-of-type,.filter-panel button{grid-column:auto}.drive-hero{flex-wrap:wrap}.drive-detail{grid-template-columns:1fr}.insight-card-grid{grid-template-columns:1fr}.footer{flex-direction:column}.modal-grid{grid-template-columns:1fr}.modal-field.full{grid-column:auto}}@media(max-width:470px){.page-head{display:block}.page-actions{margin-top:15px}.kpi-grid,.kpi-grid.compact{grid-template-columns:1fr 1fr}.kpi-label{font-size:9px}.kpi-value{font-size:20px}.bar-item{grid-template-columns:80px 1fr 57px;font-size:10px}.filter-panel{grid-template-columns:1fr}.filter-search,.filter-panel select:last-of-type,.filter-panel button{grid-column:auto}.detail-drawer{padding:18px}.detail-grid{grid-template-columns:1fr 1fr}}

.sidebar-brand{height:126px}.sidebar-brand .brand-window{height:56px}.sidebar-brand-sub{margin-top:4px}
.filter-panel{grid-template-columns:minmax(210px,1.4fr) repeat(3,minmax(125px,1fr)) auto}
.date-filter{display:flex;align-items:center;gap:6px;height:42px;padding:0 9px;background:#fcfcfd;border:1px solid #e3e7ea;border-radius:9px;color:#65717c;font-size:10px;white-space:nowrap}
.date-filter input{width:100%;min-width:105px;border:0;background:transparent;color:var(--ink);font:inherit;outline:0}
.date-filter:focus-within{border-color:var(--orange)}
@media(max-width:1390px){.filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-search{grid-column:1/-1}.filter-panel select:last-of-type,.filter-panel button{grid-column:auto}}
@media(max-width:780px){.filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:470px){.filter-panel{grid-template-columns:1fr}.date-filter{grid-column:auto}}
.global-period{display:flex;align-items:center;gap:10px;margin:-5px 0 23px;padding:11px 15px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.global-period>div:first-child{margin-right:auto;display:flex;flex-direction:column;gap:2px}
.global-period strong{font-size:11px;color:var(--ink)}.global-period small{font-size:10px;color:#88939e}
.global-period .date-filter{min-width:175px}.global-period .button{white-space:nowrap}
@media(max-width:780px){.global-period{flex-wrap:wrap}.global-period>div:first-child{flex-basis:100%}.global-period .date-filter{flex:1;min-width:135px}}
@media(max-width:470px){.global-period .date-filter{flex-basis:100%}}
.sidebar{background:#eef1f4;border-right-color:#dce2e7;transition:width .23s ease}
.sidebar-brand{border-bottom-color:#dce2e7}
.sidebar-brand .brand-window{transform:scale(.86);transform-origin:left top;background:transparent}
.sidebar-brand .brand-window img{mix-blend-mode:multiply}
.sidebar-brand-sub{margin-top:-4px}
.workspace-switch{background:#f8fafb;border-color:#dce2e7}
.sidebar .nav-item:hover{background:#e3e8ed}
.sidebar .nav-item.active{background:#fff0e2}
.sidebar-bottom{border-top-color:#dce2e7}
.sidebar .drive-mini{background:#f7faf8}
.content{max-width:none;width:100%;padding-left:34px;padding-right:34px}
.topbar{justify-content:flex-start;gap:12px}
.topbar-actions{margin-left:auto}
.sidebar.collapsed{width:76px}
.sidebar.collapsed .sidebar-brand{height:82px;padding:22px 21px}
.sidebar.collapsed .sidebar-brand .brand-window{width:34px;height:36px;transform:none}
.sidebar.collapsed .sidebar-brand .brand-window img{width:130px;left:-25px;top:-30px}
@media(max-width:1100px){.global-period{flex-wrap:wrap}.global-period>div:first-child{flex-basis:100%}.global-period .date-filter{flex:1}}
.sidebar.collapsed .sidebar-brand-sub,.sidebar.collapsed .workspace-switch div,.sidebar.collapsed .workspace-switch svg,.sidebar.collapsed .nav-caption,.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-count,.sidebar.collapsed .drive-mini div{display:none}
.sidebar.collapsed .workspace-switch{margin:14px 12px 12px;padding:9px;justify-content:center}
.sidebar.collapsed .workspace-symbol{flex:none}
.sidebar.collapsed .side-nav{padding:6px 12px}
.sidebar.collapsed .nav-item{padding:0;justify-content:center}
.sidebar.collapsed .nav-item svg{width:19px;height:19px}
.sidebar.collapsed .sidebar-bottom{padding:15px 12px}
.sidebar.collapsed .drive-mini{justify-content:center;padding:13px}
.sidebar.collapsed .signout{font-size:0;justify-content:center;padding-top:16px}
@media(max-width:780px){.sidebar.collapsed{width:248px}.sidebar.collapsed .sidebar-brand{height:126px;padding:25px 26px 16px}.sidebar.collapsed .sidebar-brand .brand-window{width:142px;height:56px;transform:scale(.86)}.sidebar.collapsed .sidebar-brand .brand-window img{width:212px;left:-41px;top:-49px}.sidebar.collapsed .sidebar-brand-sub,.sidebar.collapsed .workspace-switch div,.sidebar.collapsed .workspace-switch svg,.sidebar.collapsed .nav-caption,.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-count,.sidebar.collapsed .drive-mini div{display:initial}.sidebar.collapsed .workspace-switch{margin:20px 13px 17px;padding:11px;justify-content:initial}.sidebar.collapsed .side-nav{padding:2px 12px 20px}.sidebar.collapsed .nav-item{padding:0 12px;justify-content:initial}.sidebar.collapsed .nav-item svg{width:17px;height:17px}.sidebar.collapsed .sidebar-bottom{padding:17px 19px 19px}.sidebar.collapsed .drive-mini{justify-content:initial;padding:11px}.sidebar.collapsed .signout{font-size:11px;justify-content:space-between;padding:16px 5px 0}.content{padding-left:14px;padding-right:14px}}
.finance-selection{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 17px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.finance-selection.has-selection{border-color:#efbd8a;background:#fffaf4}.finance-selection strong,.finance-selection small{display:block}.finance-selection strong{font-size:12px;color:var(--ink)}.finance-selection small{font-size:11px;color:var(--muted);margin-top:4px}.finance-selection button:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.select-cell{width:39px;min-width:39px!important;padding-left:14px!important;padding-right:7px!important}.select-cell input{width:15px;height:15px;accent-color:var(--orange);cursor:pointer}.select-cell input:disabled{cursor:not-allowed;opacity:.32}.finance-batch-preview{padding:16px;background:#fff5ea;border:1px solid #f3d6b7;border-radius:11px;margin-bottom:17px}.finance-batch-preview strong,.finance-batch-preview span{display:block}.finance-batch-preview strong{font-size:16px;color:var(--ink)}.finance-batch-preview span{font-size:12px;color:#8a623b;margin-top:5px}@media(max-width:780px){.finance-selection{align-items:flex-start;flex-direction:column}.finance-selection button{width:100%}}
.batch-actions{display:flex;align-items:center;gap:15px}.batch-actions .text-link{font-size:10px}.batch-actions .text-link:disabled{opacity:.45;cursor:default}
.product-provenance{font-size:11px;color:var(--muted);margin:6px 0 12px}.product-detail-list{border:1px solid var(--line);border-radius:10px;overflow:hidden}.product-detail-item{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;background:#fff;border-bottom:1px solid var(--line)}.product-detail-item:last-child{border-bottom:0}.product-detail-item strong,.product-detail-item small{display:block}.product-detail-item strong{font-size:11px}.product-detail-item small,.product-detail-item span{font-size:10px;color:var(--muted);margin-top:2px}
.sidebar{background:#e3e8ed}
.sidebar-rail-toggle{position:absolute;right:-18px;top:50%;transform:translateY(-50%);z-index:35;display:grid;place-items:center;width:36px;height:54px;padding:0;border:1px solid #ccd5dc;border-radius:18px;background:#fff;color:#65717d;box-shadow:0 5px 18px rgba(38,53,67,.16);cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.sidebar-rail-toggle:hover,.sidebar-rail-toggle:focus-visible{background:#fff4e8;color:var(--orange);box-shadow:0 7px 22px rgba(38,53,67,.22)}
.sidebar-rail-toggle:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.sidebar-rail-toggle svg{width:17px;height:17px;transform:rotate(180deg);transition:transform .23s ease}
.sidebar.collapsed .sidebar-rail-toggle svg{transform:none}
@media(max-width:780px){.sidebar-rail-toggle{display:none}}
.provisional-tag{display:block;margin-top:5px;color:#a05c10;font-size:9px;font-weight:750;white-space:nowrap}

/* Compact, static environment identity and a quieter navigation rail. */
.sidebar{width:232px;background:#cbd4dd;border-right-color:#b7c3ce}
.sidebar-brand{height:96px;padding:0;border-bottom-color:#b7c3ce;display:flex;flex-direction:column;align-items:center;justify-content:center}
.sidebar-brand .brand-window{width:101px;height:43px;transform:none;background:transparent}
.sidebar-brand .brand-window img{width:162px;left:-31px;top:-37px;mix-blend-mode:multiply}
.sidebar-brand-sub{margin-top:2px;font-size:7px;letter-spacing:.16em;color:#43576a;text-align:center}
.workspace-switch{margin:8px 13px 15px;padding:10px 7px;gap:9px;border:0;border-radius:0;background:transparent;cursor:default}
.workspace-symbol{width:31px;height:31px;background:#fff8f1;border:1px solid #eccba9;color:#b75904}
.workspace-switch strong{font-size:11px;color:#263746}
.workspace-switch small:first-child{margin:0 0 3px;font-size:8px;font-weight:800;letter-spacing:.11em;color:#52677b}
.workspace-switch small:last-child{margin-top:3px;color:#536779}
.sidebar .nav-caption{color:#536779}
.sidebar .nav-item{color:#2d4052;transition:background .18s ease,color .18s ease,transform .18s ease}
.sidebar .nav-item:hover{background:#e3eaf0;transform:translateX(2px)}
.sidebar .nav-item.active{background:#fff7ee}
.sidebar-bottom{border-top-color:#b7c3ce}
.sidebar.collapsed{width:72px}
.sidebar.collapsed .sidebar-brand{height:77px;padding:0}
.sidebar.collapsed .sidebar-brand .brand-window{width:34px;height:37px;transform:none}
.sidebar.collapsed .sidebar-brand .brand-window img{width:132px;left:-25px;top:-30px}
.sidebar.collapsed .workspace-switch{display:none}
.sidebar.collapsed .side-nav{padding-top:15px}
@media(max-width:780px){.sidebar,.sidebar.collapsed{width:248px}.sidebar.collapsed .sidebar-brand{height:96px;padding:0}.sidebar.collapsed .sidebar-brand .brand-window{width:101px;height:43px}.sidebar.collapsed .sidebar-brand .brand-window img{width:162px;left:-31px;top:-37px}.sidebar.collapsed .workspace-switch{display:flex}.sidebar.collapsed .side-nav{padding-top:2px}}

/* Identity, sign-in, and theme controls. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink2);font-size:11px;font-weight:750;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}
.theme-toggle:hover{border-color:var(--orange);transform:translateY(-1px)}
.theme-toggle svg{height:14px;width:14px;color:var(--orange)}
.login-screen{grid-template-columns:minmax(420px,52%) minmax(410px,48%);background:var(--surface)}
.login-story{background:radial-gradient(circle at 85% 82%,rgba(233,117,8,.21),transparent 35%),linear-gradient(145deg,#111b26 0%,#1d2b37 54%,#282b2b 100%);padding:42px clamp(38px,4vw,74px) 30px}
.login-story:before{width:500px;height:500px;right:-220px;bottom:-230px;filter:blur(95px);opacity:.23}
.story-top{letter-spacing:.14em;font-size:10px;color:#d7e2eb}
.story-content{max-width:690px;margin:40px 0}
.story-content h1{font-size:clamp(48px,4.3vw,77px);line-height:1.04;max-width:700px;letter-spacing:-.055em}
.story-content h1 em{color:#ff9e49}
.story-content p{max-width:460px;color:#bdcbd7;font-size:15px;line-height:1.7}
.story-visual{width:min(490px,86%);height:120px;margin-top:45px;position:relative;display:flex;align-items:end;gap:12px;padding:20px 26px;border:1px solid rgba(218,233,245,.15);border-radius:16px;background:linear-gradient(130deg,rgba(255,255,255,.06),rgba(255,255,255,.015));box-shadow:0 24px 70px rgba(0,0,0,.16);overflow:hidden}
.story-visual:before{content:"OPERAÇÃO  /  CTE × TABELA";position:absolute;left:26px;top:17px;color:#bac8d5;font-size:9px;font-weight:850;letter-spacing:.15em}
.story-visual span{height:25%;flex:1;max-width:60px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#ffa758,#da6b0a);opacity:.9}
.story-visual span:nth-child(2){height:57%}.story-visual span:nth-child(3){height:40%}.story-visual span:nth-child(4){height:76%}
.story-visual i{position:absolute;right:28px;bottom:20px;width:54px;height:54px;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 0 15px rgba(255,255,255,.035),0 0 0 31px rgba(255,255,255,.025)}
.story-bottom{font-size:10px;letter-spacing:.02em;color:#aebcca}
.login-side{background:var(--surface);padding:34px}
.login-card{width:min(480px,100%);padding:31px 35px 34px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 28px 80px rgba(29,43,56,.09)}
.login-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:35px}
.login-toolbar>span{font-size:9px;letter-spacing:.16em;color:var(--muted);font-weight:850}
.login-brand{margin:0 auto 35px}
.login-heading h2{font-size:32px}
.login-heading p{line-height:1.55}
.login-card form{margin-top:30px}
.login-card input{background:var(--surface);color:var(--ink)}
.login-submit{margin-top:28px}
.login-security{margin-top:28px}
.login-help{margin-top:20px}
.sidebar .nav-item{color:#2a3948}
.top-theme-toggle{min-height:32px}
@media(max-width:780px){.login-screen{grid-template-columns:1fr}.login-story{min-height:300px}.story-visual{display:none}.story-bottom{display:block;margin-top:15px}.login-side{padding:25px 20px 45px}.login-card{padding:25px 22px}.top-theme-toggle{width:34px;padding:0}.top-theme-toggle span{display:none}}

html[data-theme="dark"]{color-scheme:dark;--orange:#ff9435;--orange-soft:#3a2a1d;--ink:#eef3f8;--ink2:#d9e3eb;--muted:#a4b3c1;--muted2:#8799a9;--bg:#111820;--surface:#1b2631;--line:#33424f;--green:#64d4a5;--green-soft:#1d3a32;--red:#ff817a;--red-soft:#402725;--amber:#ffc36d;--amber-soft:#403521;--blue:#8dbdff;--blue-soft:#25384e;--shadow:0 12px 35px rgba(0,0,0,.18)}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
html[data-theme="dark"] .sidebar{background:#161e27;border-right-color:#354451}
html[data-theme="dark"] .sidebar-brand,html[data-theme="dark"] .sidebar-bottom{border-color:#354451}
html[data-theme="dark"] .sidebar-brand .brand-window{background:#f7f8fa;border-radius:7px}
html[data-theme="dark"] .sidebar-brand-sub,html[data-theme="dark"] .sidebar .nav-caption{color:#a8bac9}
html[data-theme="dark"] .sidebar .nav-item{color:#d1dce6}
html[data-theme="dark"] .sidebar .nav-item:hover{background:#283746;color:#fff}
html[data-theme="dark"] .sidebar .nav-item.active{background:#3a2c22;color:#ffae66}
html[data-theme="dark"] .workspace-switch strong{color:#f0f4f8}
html[data-theme="dark"] .workspace-switch small{color:#a6bacb}
html[data-theme="dark"] .workspace-symbol{background:#392b20;border-color:#765333;color:#ffae66}
html[data-theme="dark"] .sidebar .drive-mini{background:#21342e;color:#eef6f1}
html[data-theme="dark"] .signout{color:#aab8c5}
html[data-theme="dark"] .sidebar-rail-toggle{background:#273541;border-color:#516274;color:#e2ebf3}
html[data-theme="dark"] .sidebar-rail-toggle:hover{background:#3b3027}
html[data-theme="dark"] .topbar,html[data-theme="dark"] .panel,html[data-theme="dark"] .kpi-card,html[data-theme="dark"] .filter-panel,html[data-theme="dark"] .global-period,html[data-theme="dark"] .finance-selection,html[data-theme="dark"] .insight-card,html[data-theme="dark"] .drive-detail-card,html[data-theme="dark"] .detail-drawer,html[data-theme="dark"] .modal,html[data-theme="dark"] .product-detail-item{background:var(--surface);border-color:var(--line)}
html[data-theme="dark"] .panel-head,html[data-theme="dark"] .modal-head,html[data-theme="dark"] .pagination,html[data-theme="dark"] .detail-calc-row{border-color:var(--line)}
html[data-theme="dark"] .panel-head p,html[data-theme="dark"] .kpi-sub,html[data-theme="dark"] .insight-card p,html[data-theme="dark"] .drive-detail-card small{color:var(--muted)}
html[data-theme="dark"] .table-area th{background:#25323e;color:#b7c6d4;border-color:var(--line)}
html[data-theme="dark"] .table-area td{color:#c6d4df;border-color:var(--line)}
html[data-theme="dark"] .table-area td strong,html[data-theme="dark"] .table-area td .order-link{color:#f2f6fa}
html[data-theme="dark"] .table-area tbody tr:hover td{background:#263540}
html[data-theme="dark"] .filter-search,html[data-theme="dark"] .filter-panel select,html[data-theme="dark"] .date-filter,html[data-theme="dark"] .modal-field input,html[data-theme="dark"] .modal-field select,html[data-theme="dark"] .login-card input{background:#14202a;border-color:#425363;color:var(--ink)}
html[data-theme="dark"] .filter-search input{color:var(--ink)}
html[data-theme="dark"] .pagination button,html[data-theme="dark"] .button.outline{background:#253440;border-color:#425363;color:#e0eaf2}
html[data-theme="dark"] .bar-track,html[data-theme="dark"] .risk-track{background:#344451}
html[data-theme="dark"] .donut:before{background:var(--surface)}
html[data-theme="dark"] .legend-row,html[data-theme="dark"] .legend-row strong,html[data-theme="dark"] .bar-value,html[data-theme="dark"] .detail-field strong,html[data-theme="dark"] .empty strong{color:var(--ink2)}
html[data-theme="dark"] .insight-row,html[data-theme="dark"] .detail-field,html[data-theme="dark"] .panel-tag,html[data-theme="dark"] .finance-batch-preview{background:#23323e;border-color:#3c5060}
html[data-theme="dark"] .detail-calc,html[data-theme="dark"] .product-detail-list{border-color:var(--line)}
html[data-theme="dark"] .detail-calc-row.total,html[data-theme="dark"] .modal-note{background:#3a2d20;color:#ffbf7e}
html[data-theme="dark"] .finance-selection.has-selection{background:#2c2a26;border-color:#815837}
html[data-theme="dark"] .login-side{background:#111820}
html[data-theme="dark"] .login-card{background:#1b2631;box-shadow:0 30px 85px rgba(0,0,0,.28)}
html[data-theme="dark"] .login-brand{background:#fff;border-radius:7px}
html[data-theme="dark"] .login-heading p,html[data-theme="dark"] .login-help,html[data-theme="dark"] .login-security{color:#adbdcb}
html[data-theme="dark"] .theme-toggle{background:#273642;border-color:#455666;color:#e9f0f6}
html[data-theme="dark"] .trend-chart .gridline{stroke:#354551}
html[data-theme="dark"] .trend-chart text{fill:#9cabb9}

/* Centered enterprise sign-in, using Oficial orange and neutral charcoal. */
.login-screen{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr;place-items:center;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 18% 20%,#fce4cb 0,transparent 28%),radial-gradient(circle at 84% 82%,#f6d1aa 0,transparent 30%),#edf1f4}
.login-story{position:absolute;inset:0;z-index:0;min-height:0;padding:29px clamp(25px,4vw,70px);display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.5),transparent 30%);pointer-events:none;overflow:hidden}
.login-story:before{width:550px;height:550px;left:-210px;bottom:-280px;right:auto;opacity:.16;filter:blur(50px)}
.login-story:after{content:"";position:absolute;right:-90px;top:-230px;width:650px;height:650px;border:1px solid rgba(221,110,11,.12);border-radius:46%;box-shadow:0 0 0 65px rgba(221,110,11,.035),0 0 0 140px rgba(221,110,11,.025);transform:rotate(27deg)}
.login-story .story-content{display:none}
.story-top{font-size:10px;color:#354252;letter-spacing:.15em}
.story-bottom{display:block;font-size:10px;color:#596878}
.login-side{position:relative;z-index:1;min-height:100vh;width:100%;padding:35px 22px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent}
.login-card{width:min(460px,100%);padding:24px 38px 25px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.95);border-radius:22px;box-shadow:0 30px 90px rgba(43,55,65,.16),0 2px 12px rgba(43,55,65,.06);backdrop-filter:blur(22px)}
.login-toolbar{margin-bottom:14px}
.login-brand{margin:0 auto 15px;background:transparent}
.login-heading{text-align:center}
.login-heading h2{font-size:30px}
.login-heading p{font-size:12px;margin-top:9px}
.login-card form{margin-top:21px}
.login-card input{height:47px}
.login-submit{min-height:48px;margin-top:20px}
.login-security{justify-content:center;margin-top:19px;padding-top:16px}
.login-help{margin-top:13px;color:#526172}
html[data-theme="dark"] .login-screen{background:radial-gradient(circle at 16% 20%,#3d2b1d 0,transparent 29%),radial-gradient(circle at 88% 84%,#653a1d 0,transparent 30%),#101820}
html[data-theme="dark"] .login-story{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.025),transparent 37%)}
html[data-theme="dark"] .login-story:after{border-color:rgba(255,156,69,.15);box-shadow:0 0 0 65px rgba(255,156,69,.035),0 0 0 140px rgba(255,156,69,.02)}
html[data-theme="dark"] .story-top{color:#d7e1e9}
html[data-theme="dark"] .story-bottom{color:#9caebb}
html[data-theme="dark"] .login-side{background:transparent}
html[data-theme="dark"] .login-card{background:rgba(30,41,52,.9);border-color:#40505e;box-shadow:0 35px 100px rgba(0,0,0,.34)}
html[data-theme="dark"] .login-brand,html[data-theme="dark"] .sidebar-brand .brand-window{background:transparent;border-radius:0}
html[data-theme="dark"] .login-brand img,html[data-theme="dark"] .sidebar-brand .brand-window img{mix-blend-mode:normal;filter:brightness(1.4) saturate(1.08)}
html[data-theme="dark"] .sidebar{background:#242d36;border-right-color:#3b4853}
html[data-theme="dark"] .sidebar-brand,html[data-theme="dark"] .sidebar-bottom{border-color:#3b4853}
html[data-theme="dark"] .sidebar .nav-item:hover{background:#303d49}
html[data-theme="dark"] .sidebar .nav-item.active{background:#35424d;color:#fff}
html[data-theme="dark"] .sidebar .nav-item.active:before{background:#ff9435}
html[data-theme="dark"] .sidebar-rail-toggle{background:#303b46;border-color:#536270}
@media(max-width:780px){.login-screen{grid-template-columns:1fr}.login-story{min-height:0;padding:20px}.login-side{min-height:100vh;padding:72px 16px 60px}.login-card{padding:25px 22px}.story-top{font-size:8px}.story-bottom{font-size:9px}}

/* Align the whole expanded navigation to one centered vertical axis. */
.sidebar{width:220px}
.sidebar:not(.collapsed) .workspace-switch{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin:10px 12px 14px;padding:11px 6px;text-align:center}
.sidebar:not(.collapsed) .workspace-switch div{flex:none;width:100%;text-align:center}
.sidebar:not(.collapsed) .workspace-switch strong,.sidebar:not(.collapsed) .workspace-switch small{margin-left:auto;margin-right:auto}
.sidebar:not(.collapsed) .nav-caption{padding-left:0;padding-right:0;text-align:center}
.sidebar:not(.collapsed) .nav-item{display:flex;justify-content:center;gap:9px;text-align:center;padding:0 17px}
.sidebar:not(.collapsed) .nav-item span:nth-child(2){flex:none}
.sidebar:not(.collapsed) .nav-item .nav-count{position:absolute;right:8px;top:50%;transform:translateY(-50%)}
.sidebar:not(.collapsed) .drive-mini{flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center}
.sidebar:not(.collapsed) .drive-mini .live-dot{margin-top:0}
.sidebar:not(.collapsed) .signout{justify-content:center;gap:9px}
@media(max-width:780px){.sidebar,.sidebar.collapsed{width:248px}.sidebar.collapsed .workspace-switch{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.sidebar.collapsed .workspace-switch div{text-align:center}.sidebar.collapsed .nav-caption{text-align:center}.sidebar.collapsed .nav-item{justify-content:center}.sidebar.collapsed .nav-item span:nth-child(2){flex:none}.sidebar.collapsed .drive-mini{flex-direction:column;align-items:center;text-align:center}.sidebar.collapsed .signout{justify-content:center;gap:9px}}

/* Center the login signature and copyright across the full viewport. */
.login-story{align-items:center}
.story-top{justify-content:center;max-width:100%;text-align:center}
.story-bottom{width:100%;text-align:center}
@media(max-width:470px){.story-top{font-size:8px;letter-spacing:.08em;gap:7px}.story-mark{flex:none;width:18px;height:18px;border-width:4px}}
@media(max-height:800px){.login-side{padding-top:78px;padding-bottom:42px}.login-card{padding-top:17px;padding-bottom:16px}.login-toolbar{margin-bottom:6px}.login-brand{margin-bottom:9px}.login-card form{margin-top:14px}.login-card label:not(:first-child){margin-top:14px}.login-submit{margin-top:13px}.login-security{margin-top:11px;padding-top:10px}.login-help{margin-top:8px}}