:root{--accent:#F2B632;--accent2:#E79C16;--side:#111822;--surface:#F4F6F8;--ink:#17202b;--muted:#77808d;--line:#e2e6eb;--danger:#c43a3a;--green:#198754}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;background:var(--surface);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr}.login-left{background:var(--side);color:white;padding:48px 56px;position:relative}.brandline{display:flex;gap:12px;align-items:center}.brandmark{width:54px;height:54px;border-radius:5px;background:var(--accent);color:#111;display:grid;place-items:center;font-weight:950;font-size:23px}.brandmark.sm{width:40px;height:40px;font-size:18px}.brandline b{display:block;letter-spacing:.12em}.brandline span{display:block;color:#96a0ad;font-size:10px;letter-spacing:.19em;margin-top:3px}.logo{max-width:130px;max-height:58px;object-fit:contain}.side-logo{max-width:76px;max-height:42px}.hero{position:absolute;left:56px;right:55px;bottom:75px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.17em;color:var(--accent)}.hero h1{font-size:50px;line-height:1.04;max-width:720px;margin:14px 0}.hero p{color:#b2bac5;font-size:18px;line-height:1.5}.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.hero-pills span{border:1px solid #33404f;padding:7px 10px;font-size:9px;letter-spacing:.12em}.login-right{display:grid;place-items:center;padding:34px}.login-card{width:min(420px,100%);background:white;padding:36px;border:1px solid var(--line);box-shadow:0 22px 70px #0f172a14;border-radius:8px}.login-card h2{font-size:29px;margin:10px 0 5px}.login-card p{color:var(--muted)}label{font-size:12px;font-weight:800}.login-card label{display:block;margin-top:15px}.login-card input,.formgrid input,.formgrid select,.formgrid textarea,.settings-form input{width:100%;border:1px solid #d9dee4;border-radius:6px;padding:10px 11px;margin-top:6px;background:white}.primary{border:0;background:var(--accent);color:#171717;border-radius:5px;padding:10px 14px;font-weight:900}.login-card .primary{width:100%;margin-top:18px;padding:13px}.login-card small{display:block;color:#9aa2ad;margin-top:14px}.error{color:var(--danger);font-size:12px;margin-top:10px}.shell{display:grid;grid-template-columns:255px 1fr;min-height:100vh}.sidebar{height:100vh;position:sticky;top:0;background:var(--side);padding:20px 13px;color:white;display:flex;flex-direction:column}.sidebrand{padding:0 8px 18px;border-bottom:1px solid #263241}.online{display:flex;gap:8px;align-items:center;padding:13px 9px;color:#abb5c0;font-size:11px}.online i{width:8px;height:8px;background:#3acb79;border-radius:50%}nav{display:grid;gap:3px;overflow:auto}.nav{border:0;background:transparent;color:#aeb6c0;text-align:left;padding:10px;border-radius:5px;display:flex;gap:10px;align-items:center}.nav:hover,.nav.active{background:#1a2430;color:#fff}.nav.active{box-shadow:inset 3px 0 var(--accent)}.nav i{font-style:normal;width:19px;text-align:center}.who{margin-top:auto;border-top:1px solid #263241;padding:13px 7px 0;display:flex;gap:9px;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;background:#253444;display:grid;place-items:center;font-weight:950}.who div:nth-child(2){min-width:0;flex:1}.who b,.who span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.who span{font-size:10px;color:#8f9aa8}.who button{border:0;background:transparent;color:#9ca6b2;font-size:19px}main{padding:28px 31px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}header h1{font-size:28px;margin:5px 0 3px}header p{margin:0;color:var(--muted)}.header-actions{display:flex;gap:8px;align-items:center}.date{font-size:11px;color:#606b78;padding-right:10px;border-right:1px solid var(--line)}.ghost{border:1px solid #d9dee4;background:white;padding:9px 11px;border-radius:5px;font-weight:750}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi,.panel,.card{background:white;border:1px solid var(--line);border-radius:7px}.kpi{padding:17px}.kpi .lab{font-size:9px;letter-spacing:.12em;color:#76808b;font-weight:900}.kpi .val{font-size:29px;font-weight:950;margin:7px 0}.kpi .hint{font-size:11px;color:#8a949f}.section{margin-top:13px}.grid2{display:grid;grid-template-columns:1.3fr 1fr;gap:13px}.panelhead{display:flex;justify-content:space-between;align-items:center;padding:16px 17px;border-bottom:1px solid var(--line)}.panelhead h2{font-size:16px;margin:0}.panelhead small{display:block;color:var(--muted);margin-top:3px}.rows{padding:0 17px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.meta{font-size:11px;color:var(--muted);margin-top:3px}.status{display:inline-block;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:900}.green{background:#e8f7ef;color:#14764a}.orange{background:#fff2dc;color:#a76608}.red{background:#fdeaea;color:#a22b2b}.blue{background:#e9f1fb;color:#2b5f97}.progress{height:6px;background:#edf0f3;border-radius:99px;overflow:hidden;margin-top:8px}.progress span{display:block;height:100%;background:var(--accent)}.toolbar{display:flex;justify-content:space-between;gap:10px;margin-bottom:11px}.toolbar input{border:1px solid #d8dde3;padding:10px 11px;border-radius:5px;min-width:280px}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:12px;vertical-align:top}.table th{font-size:9px;letter-spacing:.11em;color:#7b8591;background:#fafbfc;text-transform:uppercase}.action{border:1px solid #dfe4e8;background:white;padding:5px 7px;border-radius:4px;font-size:11px;font-weight:800}.action.bad{color:#b52f2f}.action.good{color:#16804d}.money{font-weight:900;font-variant-numeric:tabular-nums}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.card{padding:16px}.card h3{margin:7px 0}.card p{font-size:12px;color:#6e7884;margin:5px 0}.bigavatar{width:51px;height:51px;border-radius:50%;background:#eef1f4;display:grid;place-items:center;font-weight:950}.cardactions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.warncard{border-left:4px solid var(--accent)}.low{border-left:4px solid #d44949}.settings-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:13px}.settings-form{padding:17px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-form label{display:block}.settings-form .full{grid-column:1/-1}.settings-form input[type=color]{height:42px;padding:3px}.togglegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.toggle{display:flex!important;align-items:center;gap:7px;border:1px solid var(--line);padding:9px;border-radius:5px}.toggle input{width:auto!important;margin:0!important}.brandpreview{margin:17px;padding:21px;border-radius:7px;background:var(--side);color:white}.brandpreview p{color:#aeb7c1}.dossier-grid{display:grid;grid-template-columns:280px 1fr;gap:12px}.projectlist{padding:7px}.projectlist button{border:0;background:transparent;width:100%;text-align:left;padding:10px;border-radius:5px}.projectlist button:hover,.projectlist button.active{background:#f2f4f6}.upload{border:1px dashed #cfd6dd;background:#fafbfc;padding:16px;border-radius:6px}.upload input{width:100%;margin-top:8px}.modal{border:0;padding:0;width:min(780px,95vw);border-radius:8px}.modal::backdrop{background:#07101899}.modalhead{padding:19px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.modalhead h2{margin:5px 0 0}.modalhead button{border:0;background:transparent;font-size:25px}.formgrid{padding:19px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.formgrid label{display:block}.formgrid .full{grid-column:1/-1}.formgrid textarea{min-height:90px;resize:vertical}.modalactions{padding:14px 19px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;right:22px;bottom:22px;background:#17202b;color:white;padding:11px 14px;border-radius:5px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}.empty{padding:25px;text-align:center;color:#89939f}@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}.grid2,.settings-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.login{grid-template-columns:1fr}.login-left{min-height:43vh;padding:28px}.hero{position:static;margin-top:58px}.hero h1{font-size:34px}.login-right{padding:20px}.shell{grid-template-columns:72px 1fr}.sidebar{padding:14px 7px}.sidebrand div:last-child,.online span,.nav span,.who div:nth-child(2){display:none}.sidebrand,.nav,.who{justify-content:center}.who button{display:none}main{padding:17px 11px}header{align-items:flex-start}.header-actions .date,.header-actions .ghost{display:none}.kpis{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.settings-form,.formgrid{grid-template-columns:1fr}.settings-form .full,.formgrid .full{grid-column:auto}.togglegrid{grid-template-columns:1fr}.dossier-grid{grid-template-columns:1fr}.toolbar{flex-direction:column}.toolbar input{min-width:0;width:100%}}