*{box-sizing:border-box}body{color:#0f172a;background:#020817;margin:0;font-family:Inter,Arial,sans-serif}button,input{font:inherit}.login{color:#fff;background:#020817;min-height:100vh;position:relative;overflow:hidden}.login:before{content:"";background:radial-gradient(circle at 15% 20%,#2563eb80,#0000 30%),radial-gradient(circle at 85% 80%,#14b8a647,#0000 30%);position:absolute;inset:0}.grid{opacity:.12;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.login header{z-index:1;justify-content:space-between;align-items:center;max-width:1220px;margin:auto;padding:28px;display:flex;position:relative}.login header span{color:#ffffffb3;background:#ffffff0f;border:1px solid #ffffff26;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:800}.logo{border:1px solid #ffffff24;border-radius:26px;width:100%;max-width:560px;display:block;box-shadow:0 35px 90px #00000073}.logo.small{width:210px;box-shadow:none;border-radius:14px}.hero{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;max-width:1220px;margin:auto;padding:40px 28px 70px;display:grid;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.25em;color:#60a5fa;font-size:12px;font-weight:950}.left h1{letter-spacing:-2px;margin:20px 0;font-size:clamp(42px,5vw,66px);line-height:1}.sub{color:#ffffffb3;font-size:19px;line-height:1.75}.logo-card{margin-bottom:28px}.stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px;display:grid}.stats div{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;padding:18px}.stats b{color:#60a5fa;font-size:28px;display:block}.stats span{color:#ffffff8c;font-size:12px}form{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff26;border-radius:32px;padding:34px;box-shadow:0 40px 100px #00000073}form h2{margin:12px 0 8px;font-size:34px}form p{color:#ffffff9e;line-height:1.6}label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.18em;margin:18px 0 8px;font-size:11px;font-weight:900;display:block}input{color:#fff;background:#00000047;border:1px solid #ffffff26;border-radius:14px;outline:none;width:100%;padding:16px}input:focus{border-color:#60a5fa}form button,.dash button,.card button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:14px;padding:16px 20px;font-weight:950;box-shadow:0 15px 30px #2563eb47}form button{text-transform:uppercase;width:100%;margin-top:20px}form small{color:#fff6;margin-top:18px;display:block}.error{color:#fecaca;background:#ef44441f;border:1px solid #f8717159;border-radius:12px;margin-top:14px;padding:12px}.app{background:#edf2f8;grid-template-columns:280px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#020817;border-right:1px solid #ffffff14;padding:24px}aside nav{gap:8px;margin-top:25px;display:grid}aside button{color:#ffffffa6;text-align:left;background:0 0;border:0;border-radius:14px;padding:13px;font-weight:800}aside button.active,aside button:hover{color:#fff;background:#2563eb2e}.dash{padding:30px}.top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.top h1{color:#07111f;margin:0;font-size:34px}.top p{color:#64748b}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.metrics div,.card{background:#fff;border:1px solid #dbe4ef;border-radius:24px;padding:22px;box-shadow:0 20px 45px #0f172a0f}.metrics span{text-transform:uppercase;letter-spacing:.16em;color:#64748b;font-size:12px;font-weight:900}.metrics b{color:#07111f;margin-top:10px;font-size:34px;display:block}.metrics em{color:#16a34a;margin-top:8px;font-style:normal;font-weight:900;display:block}.main-grid{grid-template-columns:1fr 380px;gap:18px;display:grid}.pipeline{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.col{background:#f8fafc;border:1px solid #e2e8f0;border-top:4px solid #2563eb;border-radius:18px;padding:12px}.col h3{margin:0 0 12px}.lead{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:10px;padding:13px;font-size:13px}.lead span,.lead strong{margin-top:8px;display:block}.lead span{color:#64748b}.value{background:linear-gradient(135deg,#eff6ff,#ecfeff);border:1px solid #bfdbfe;border-radius:20px;margin:18px 0;padding:18px}.value span{text-transform:uppercase;color:#64748b;font-size:12px;font-weight:900}.value b{color:#0369a1;margin-top:6px;font-size:26px;display:block}@media (width<=1100px){.hero,.app,.main-grid,.metrics,.pipeline{grid-template-columns:1fr}.login header span{display:none}.logo.small{width:180px}.stats{grid-template-columns:1fr}}