:root{--bg:#070a12;--panel:#0d1220;--panel2:#111827;--ink:#f7f9ff;--muted:#98a4b8;--line:rgba(255,255,255,.11);--cyan:#59d9ff;--blue:#4d7cff;--violet:#8c5cff;--orange:#ff7a1a;--green:#48e6ac}*{box-sizing:border-box}body{margin:0;background:#070a12;color:var(--ink);font-family:Manrope,system-ui,sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}.hidden{display:none!important}.m-top{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);background:rgba(7,10,18,.88);backdrop-filter:blur(20px);position:sticky;top:0;z-index:80}.m-brand{display:flex;align-items:center;gap:8px;font-family:"Space Grotesk"}.m-brand>span,.side-brand span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,var(--cyan),var(--violet));color:#06101b;font-weight:800}.m-brand em{font:700 9px Manrope;color:var(--cyan)}.site-link{font-size:12px;font-weight:800;color:#dce4f1}
.login{min-height:calc(100svh - 64px);display:grid;grid-template-columns:1.12fr .88fr}.login-story{position:relative;min-height:650px;overflow:hidden}.login-story video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.login-story:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,18,.32),rgba(7,10,18,.75))}.login-overlay{position:absolute;z-index:2;left:8%;right:8%;bottom:9%}.login-overlay small,.chip{font-size:10px;font-weight:800;letter-spacing:.17em;color:var(--cyan)}.login-overlay h1{font:700 clamp(62px,8vw,120px)/.86 "Space Grotesk";letter-spacing:-.06em;margin:12px 0}.login-overlay p{max-width:560px;color:#d4dbea;line-height:1.65}.login-panel{display:grid;place-items:center;padding:34px;background:radial-gradient(circle at 70% 20%,rgba(77,124,255,.12),transparent 35%)}.login-card{width:min(480px,100%);padding:32px;border-radius:28px;border:1px solid var(--line);background:rgba(13,18,32,.88);box-shadow:0 32px 90px rgba(0,0,0,.28)}.login-card h2{font:700 48px/1 "Space Grotesk";letter-spacing:-.045em;margin:14px 0}.login-card>p{color:var(--muted);line-height:1.6}.login-card form{display:grid;gap:14px;margin-top:24px}.login-card label{font-size:12px;font-weight:700;color:#cbd4e1}.login-card input{width:100%;margin-top:7px;border:1px solid var(--line);background:#080c14;color:#fff;border-radius:15px;padding:14px;outline:0}.login-card input:focus{border-color:var(--cyan)}.password{display:flex;gap:8px}.password input{flex:1}.password button{width:48px;border:1px solid var(--line);border-radius:15px;background:#0b101b;color:#fff}.enter{border:0;border-radius:15px;padding:15px;background:linear-gradient(135deg,#fff,#d9e5ff);color:#07101d;font-weight:800}.secure-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:18px}.secure-row span{padding:8px;border:1px solid var(--line);border-radius:10px;text-align:center;color:var(--muted);font-size:9px}#loginStatus{min-height:18px;font-size:11px;color:#ff8c8c}
.dashboard{display:grid;grid-template-columns:230px 1fr;min-height:calc(100svh - 64px)}.sidebar{border-right:1px solid var(--line);background:#090d16;padding:18px;display:flex;flex-direction:column;gap:16px;position:sticky;top:64px;height:calc(100svh - 64px)}.side-brand{display:flex;align-items:center;gap:9px;font-family:"Space Grotesk"}.user-mini{padding:14px;border:1px solid var(--line);border-radius:16px;background:#0d1320}.user-mini b{display:block}.user-mini small{color:var(--muted)}#sideNav{display:grid;gap:4px}#sideNav button{border:0;background:transparent;color:#b7c0cf;text-align:left;padding:11px 12px;border-radius:11px;font-weight:700;font-size:12px}#sideNav button.active,#sideNav button:hover{background:#131b2a;color:#fff}#logout{margin-top:auto;background:#101622;border:1px solid var(--line);color:#fff;border-radius:12px;padding:11px}.dash{min-width:0}.dash-top{height:62px;border-bottom:1px solid var(--line);background:rgba(7,10,18,.82);backdrop-filter:blur(18px);display:flex;align-items:center;padding:0 20px;gap:12px;position:sticky;top:64px;z-index:40}.dash-top>button{display:none;background:#131a27;border:1px solid var(--line);color:#fff;border-radius:10px;width:40px;height:40px}.dash-top small{display:block;color:var(--cyan);font-size:9px;letter-spacing:.15em;font-weight:800}.dash-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.dash-actions span,.dash-actions a{padding:8px 10px;border:1px solid var(--line);border-radius:10px;font-size:9px;font-weight:800}.dash-actions span{color:var(--green)}.dash-body{padding:22px}.dash-hero{min-height:220px;border:1px solid var(--line);border-radius:28px;padding:28px;background:radial-gradient(circle at 78% 20%,rgba(89,217,255,.16),transparent 24%),linear-gradient(135deg,#10182a,#0c101a);position:relative;overflow:hidden}.dash-hero h1{font:700 clamp(42px,5vw,72px)/.92 "Space Grotesk";letter-spacing:-.05em;margin:10px 0}.dash-hero p{color:var(--muted);max-width:620px;line-height:1.6}.dash-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-55px;bottom:-75px;background:linear-gradient(135deg,var(--blue),var(--violet));filter:blur(2px);opacity:.55}.dash-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;margin-top:12px}.dash-card{grid-column:span 4;border:1px solid var(--line);border-radius:20px;padding:20px;background:#0c111d;min-height:170px}.dash-card.wide{grid-column:span 8}.dash-card.full{grid-column:1/-1}.dash-card h3{font:700 21px "Space Grotesk";margin:5px 0 12px}.dash-card p,.dash-card small{color:var(--muted);font-size:12px;line-height:1.55}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.kpi{padding:14px;border:1px solid var(--line);border-radius:15px;background:#080c14}.kpi b{display:block;font:700 27px "Space Grotesk"}.kpi span{color:var(--muted);font-size:10px}.focus-list{display:grid;gap:7px}.focus-list div{padding:11px 12px;border-radius:12px;background:#101725;border:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;font-size:12px}.focus-list i{color:var(--cyan);font-style:normal}.progress{height:8px;background:#151d2c;border-radius:999px;overflow:hidden;margin-top:12px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet));border-radius:inherit}.mobile-nav{display:none}.toast{position:fixed;right:18px;bottom:18px;background:#fff;color:#07101d;padding:12px 16px;border-radius:12px;font-weight:800;font-size:12px;transform:translateY(80px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}
@media(max-width:980px){.login{grid-template-columns:1fr}.login-story{min-height:58svh}.login-panel{padding:20px}.dashboard{display:block}.sidebar{position:fixed;left:-260px;top:64px;width:240px;z-index:70;transition:.25s}.dashboard.menu-open .sidebar{left:0}.dash-top>button{display:block}.dash-body{padding:14px}.dash-card,.dash-card.wide{grid-column:span 6}.kpis{grid-template-columns:1fr 1fr}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;height:64px;background:#090d16;border-top:1px solid var(--line);z-index:60}.mobile-nav button{border:0;background:transparent;color:#96a2b4;font-size:9px;font-weight:800}.mobile-nav button.active{color:var(--cyan)}}@media(max-width:620px){.m-top{padding:0 14px}.login-story{min-height:52svh}.login-overlay{left:18px;right:18px;bottom:24px}.login-overlay h1{font-size:60px}.login-panel{padding:12px}.login-card{padding:22px;border-radius:22px}.login-card h2{font-size:40px}.secure-row{grid-template-columns:1fr 1fr}.dash-body{padding:10px 10px 74px}.dash-hero{padding:22px;min-height:205px;border-radius:22px}.dash-grid{grid-template-columns:1fr}.dash-card,.dash-card.wide,.dash-card.full{grid-column:auto}.kpis{grid-template-columns:1fr 1fr}.dash-top{padding:0 10px}}
.project-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.project-form input{background:#080c14;color:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;outline:0}.project-form input:focus{border-color:var(--cyan)}.project-form .enter{grid-column:1/-1}@media(max-width:620px){.project-form{grid-template-columns:1fr}.project-form .enter{grid-column:auto}}