:root{--cyan:#08b9d6;--cyan2:#00a1be;--lime:#7ee300;--green:#08b56b;--magenta:#d5008f;--ink:#0b1830;--muted:#68788d;--line:#dde7ee;--shadow:0 16px 40px rgba(20,50,80,.09)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#f7fafc}button,input{font:inherit}button{cursor:pointer}a{color:var(--cyan2)}.login-layout{display:grid;grid-template-columns:1.08fr .92fr;min-height:100vh}.login-art{background:radial-gradient(circle at 18% 8%,rgba(8,185,214,.22),transparent 28%),radial-gradient(circle at 61% 53%,rgba(25,116,76,.34),transparent 29%),radial-gradient(circle at 84% 80%,rgba(213,0,143,.15),transparent 22%),linear-gradient(155deg,#073a50,#082035 46%,#0d392d);color:white;padding:64px;display:flex;align-items:flex-end;min-height:100vh}.login-copy{max-width:680px}.eyepill{border:1px solid #ffffff30;border-radius:22px;background:#ffffff12;padding:10px 14px;font-size:13px;font-weight:800}.login-copy h1{font-size:clamp(45px,5vw,72px);letter-spacing:-.05em;line-height:1.02;margin:30px 0 20px}.grad{background:linear-gradient(90deg,#54d7ed,#3cd98d 56%,#95ee20);background-clip:text;color:transparent}.login-copy p{color:#d5e0e7;font-size:18px;line-height:1.6}.features{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.features span{border:1px solid #ffffff2d;border-radius:15px;padding:15px;background:#ffffff13;font-size:13px}.login-side,.setup{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px;background:radial-gradient(circle at 88% 12%,rgba(126,227,0,.12),transparent 25%),radial-gradient(circle at 9% 87%,rgba(8,185,214,.13),transparent 27%),#f5f9fb}.login-card{background:white;border:1px solid #dbe5eb;border-radius:30px;padding:42px 38px 36px;width:min(100%,480px);box-shadow:0 22px 64px #102e4824;position:relative;overflow:hidden}.login-card:before{content:"";height:5px;position:absolute;inset:0 0 auto;background:linear-gradient(90deg,var(--cyan),var(--green),var(--lime),var(--magenta))}.logo{display:block;width:min(290px,85%);margin:0 auto 32px}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:900;color:var(--cyan2);text-transform:uppercase}.login-card h2{font-family:Georgia,serif;font-size:33px;line-height:1.1;margin:12px 0}.muted,.foot{color:var(--muted);font-size:13px;line-height:1.6}.foot{text-align:center;font-size:11px;margin-top:20px}label{display:block;font-size:12px;font-weight:850;margin:18px 0 7px}input{width:100%;border:1px solid #d8e3ea;border-radius:13px;padding:14px;outline:0}input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #08b9d614}.primary{border:0;border-radius:99px;background:linear-gradient(95deg,var(--cyan2),var(--green) 58%,var(--lime));padding:14px 19px;color:white;font-weight:900}.full{width:100%;margin-top:22px}.error{padding:12px;background:#fff2ef;border-radius:9px;color:#a83225;font-size:13px}.good{padding:12px;background:#effcf3;border-radius:9px;color:#087a58}.app{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:26px 18px;display:flex;flex-direction:column;gap:8px}.side-logo{width:182px;max-width:100%;margin:0 auto 20px}.nav-heading{color:#9aa7b5;font-size:10px;font-weight:900;letter-spacing:.1em;margin:16px 13px 8px}.sidebar>a,.sidebar>span:not(.nav-heading){color:#526175;font-weight:700;font-size:14px;padding:12px 14px;text-decoration:none;border-radius:13px}.sidebar .nav-active{background:linear-gradient(90deg,#08b9d620,#08b56b18);color:#057e83}.sidebar>span:not(.nav-heading){opacity:.6}.bottom{margin-top:auto;border:1px solid var(--line);border-radius:15px;padding:12px}.bottom b,.bottom small{display:block}.bottom small{font-size:11px;color:var(--muted);margin-top:3px}.btn{margin-top:11px;border:1px solid var(--line);border-radius:11px;background:white;padding:10px;color:#53657a}.topbar{height:78px;background:white;border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;justify-content:space-between}.topbar strong,.topbar small{display:block}.topbar small{color:var(--muted);font-size:12px;margin-top:3px}.tag{border-radius:99px;background:#eef8f9;color:#087e86;padding:9px 12px;font-size:11px;font-weight:900}.content{padding:28px 32px;max-width:1500px;margin:auto}.hero{background:radial-gradient(circle at 80% 18%,#7ee30038,transparent 25%),radial-gradient(circle at 91% 75%,#d5008f22,transparent 20%),linear-gradient(120deg,#092035,#07384b 58%,#07533f);color:#fff;border-radius:24px;padding:29px;box-shadow:var(--shadow)}.hero h1{margin:8px 0}.hero p{color:#d4e2e8;font-size:13px}.kicker{letter-spacing:.1em;font-weight:900}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.kpis article,.card{border:1px solid var(--line);border-radius:17px;background:white;padding:20px}.kpis span,.kpis small{display:block;color:var(--muted);font-size:11px}.kpis b{display:block;font-size:28px;margin:8px 0}.card p{color:var(--muted);font-size:13px;line-height:1.5}@media(max-width:900px){.login-layout{grid-template-columns:1fr}.login-art{min-height:330px;padding:35px}.login-copy h1{font-size:45px}.login-side{min-height:auto}.app{grid-template-columns:1fr}.sidebar{position:relative}.kpis{grid-template-columns:1fr 1fr}}@media(max-width:520px){.login-art{padding:25px}.login-copy h1{font-size:38px}.features{gap:6px}.login-side{padding:18px}.login-card{padding:30px 22px}.topbar{padding:0 15px}.content{padding:16px}.kpis{grid-template-columns:1fr 1fr}}