:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#19202b;background:#f5f7fa;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;background:white;border:1px solid #d7dde5;border-radius:9px;padding:11px 17px;color:#19202b}button:hover{border-color:#b18b00}.primary{background:#f5c400;color:#171717;border:0;font-weight:700}input{padding:11px;border:1px solid #d7dde5;border-radius:8px;min-width:0}h1{font-size:30px;letter-spacing:-1px;margin:6px 0 12px}h2{font-size:19px;margin:0 0 22px}small{font-size:10px;letter-spacing:2px;color:#7b8391}p{line-height:1.7;color:#737c89}footer{font-size:11px;color:#9ba2ae}#login:not([hidden]){display:grid;grid-template-columns:43% 57%;min-height:100vh}.brand-panel{background:#171717;padding:65px;color:white}.brand-panel img{width:min(320px,100%)}.brand-panel small{display:block;margin:15px 0 100px;color:#eee}.brand-panel h1{font-size:52px;line-height:1.3}.brand-panel em{font-style:normal;color:#f5c400}.brand-panel p{color:#c2c4c8}.modules{display:flex;gap:12px;margin-top:60px}.modules span{border:1px solid #5e636b;border-radius:15px;padding:18px;color:#f5c400;font-size:13px;text-align:center}.modules span:nth-child(2){color:#eee}.modules span:nth-child(3){color:#d92d30}#loginForm{align-self:center;width:min(420px,85%);margin:auto}#loginForm label{display:block;margin:25px 0}#loginForm input{display:block;width:100%;margin-top:8px;padding:16px}#loginForm button{width:100%;padding:16px}#loginForm footer{margin-top:60px}#loginError{color:#c53131}#app:not([hidden]){display:flex;min-height:100vh}aside{width:235px;background:#171717;flex-shrink:0;padding:30px 18px;color:white;position:fixed;height:100vh;overflow:auto}aside img{width:190px}aside small{display:block;text-align:center;font-size:8px;margin:14px 0 40px}nav button{display:block;width:100%;text-align:left;background:none;color:#c9cdd3;border:0;margin:8px 0;padding:14px}nav button.active{background:#f5c400;color:#171717;font-weight:700}aside footer{margin-top:40px}main{margin-left:235px;width:calc(100% - 235px);padding:32px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.actions{display:flex;gap:10px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:18px 0;gap:15px}.toolbar label{font-size:12px;color:#737c89;margin-right:12px}.toolbar input{margin-left:5px}.toolbar span{font-size:12px;color:#737c89}.notice{background:#fff8dc;border:1px solid #f4e5a1;padding:11px 16px;border-radius:9px;font-size:12px;color:#7a681e}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.card{background:white;border:1px solid #e3e7ed;border-radius:14px;padding:22px;min-width:0}.kpi small{letter-spacing:0;font-size:13px}.kpi strong{display:block;font-size:31px;margin:12px 0;color:var(--accent)}.kpi p{font-size:11px;margin:0}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin:18px 0}.chart{width:100%;height:230px}.chart text{font-size:10px;fill:#9299a4}.legend{font-size:12px;display:flex;gap:20px;margin:15px 0}.blue{color:#3b82f6}.teal{color:#14b8a6}.red{color:#e76b73}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;background:#f4f6f9;color:#7b8391;font-size:11px;padding:12px}td{padding:13px 12px;border-bottom:1px solid #eef0f4}td.num,th.num{text-align:right}.table-wrap{overflow:auto}.badge{background:#fff0f0;color:#bf3845;border-radius:20px;padding:4px 9px;font-size:11px}.empty{text-align:center;padding:80px 25px}.empty h2{font-size:27px}.bar{height:9px;background:#eef1f5;border-radius:9px;margin:8px 0 19px}.bar i{height:100%;display:block;background:#8b5cf6;border-radius:9px}.row{display:flex;justify-content:space-between;gap:12px}.muted{color:#7b8391;font-size:12px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-head h2{margin:0}a{color:#3478ca}dialog{border:1px solid #e0e4eb;border-radius:16px;padding:30px;width:min(530px,95%)}dialog::backdrop{background:#17171788}dialog .actions{justify-content:flex-end;margin-top:25px}#importStatus{color:#ad3434}@media(max-width:1000px){.kpis{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column}main{padding:20px}header{align-items:flex-start}}@media(max-width:700px){aside{position:static;width:100%;height:auto;padding:15px}aside img{width:140px}aside small,aside .modules,aside footer{display:none}nav{display:flex;overflow:auto;margin-top:12px}nav button{white-space:nowrap;width:auto;padding:10px;margin:0}#app:not([hidden]){display:block}main{margin:0;width:100%;padding:15px}h1{font-size:24px}header{flex-direction:column}.toolbar input{width:135px}.kpi strong{font-size:25px}.card{padding:16px}#login:not([hidden]){display:block}.brand-panel{padding:30px}.brand-panel small{margin:15px 0 25px}.brand-panel h1{font-size:32px}.brand-panel .modules{display:none}#loginForm{padding:35px 0}.kpis{gap:10px}}