@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#e8edf7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--muted:#8792a8;--line:#9fb1d31f;--panel:#131a28;--accent:#8b9cff;background:#0c1019;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}a{color:inherit;text-decoration:none}.dashboard{min-height:100vh}.sidebar{z-index:2;border-right:1px solid var(--line);background:#0e1420;flex-direction:column;width:244px;padding:28px 17px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;margin-bottom:53px;padding:0 8px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#7789f6,#414db0);border:1px solid #9fadff80;border-radius:13px;flex:none;place-items:center;width:40px;height:40px;font-family:Manrope,sans-serif;font-size:23px;font-weight:800;display:grid;box-shadow:0 5px 24px #5f6dea3b}.brand-name{letter-spacing:-.8px;font-family:Manrope,sans-serif;font-size:19px;font-weight:800}.brand-name small{color:#7f8ba2;letter-spacing:2.2px;margin-top:2px;font-family:DM Sans,sans-serif;font-size:9px;font-weight:600;display:block}.sidebar-label{color:#68758c;letter-spacing:1.5px;padding:0 11px;font-size:10px;font-weight:700}.nav-item{color:#a8b3c7;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;margin-top:13px;padding:13px 12px;font-size:13px;display:flex}.nav-item.selected{color:#b9c4ff;background:#6f81eb1f;border-color:#8b9cff2b}.second-label{margin-top:36px}.security-note{border:1px solid var(--line);color:#a9b8ef;border-radius:10px;gap:10px;margin:16px 3px;padding:13px 10px;display:flex}.security-note svg{flex-shrink:0}.security-note strong{font-size:11px;font-weight:600}.security-note p{color:#7f8ba2;margin:7px 0 0;font-size:11px;line-height:1.6}.sidebar-bottom{border-top:1px solid var(--line);color:#8a96aa;align-items:center;gap:9px;margin-top:auto;padding:15px 8px 0;font-size:11px;display:flex}.status-dot{background:#657188;border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.module-status.available .status-dot,.sidebar-bottom .status-dot{background:#63d6a0;box-shadow:0 0 10px #63d6a04d}.main-area{min-height:100vh;margin-left:244px}.topbar{z-index:1;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c1019e6;justify-content:space-between;align-items:center;height:72px;padding:0 42px;display:flex;position:sticky;top:0}.breadcrumb{color:#8490a5;font-size:12px}.breadcrumb span{color:#4c586e;margin:0 10px}.breadcrumb strong{color:#e2e8f4;font-weight:500}.topbar-right{align-items:center;gap:19px;display:flex}.environment{color:#a0acc0;align-items:center;gap:8px;font-size:11px;display:flex}.icon-button{border:1px solid var(--line);color:#a8b4ca;cursor:pointer;background:#141b29;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.mobile-brand{display:none}.content{width:min(1240px,100%);margin:0 auto;padding:40px 42px 25px}.welcome{background:radial-gradient(at 84% 15%,#6574e230,#0000 42%),linear-gradient(115deg,#171e30,#141a29 65%,#171d30);border:1px solid #8d9aff30;border-radius:15px;justify-content:space-between;align-items:center;min-height:183px;padding:29px 34px;display:flex;position:relative;overflow:hidden}.eyebrow{color:#9ba9ff;letter-spacing:1.9px;font-size:10px;font-weight:700}.welcome h1{letter-spacing:-1.3px;margin:13px 0 9px;font-family:Manrope,sans-serif;font-size:clamp(23px,2.6vw,34px);font-weight:700}.welcome p{color:#9ba7bb;max-width:530px;margin:0;font-size:13px;line-height:1.8}.welcome-symbol{flex:none;place-items:center;width:130px;height:130px;margin-right:32px;display:grid;position:relative}.symbol-ring{border:1px solid #93a1ff3d;border-radius:50%;width:118px;height:118px;position:absolute}.ring-two{border-color:#93a1ff5c;width:91px;height:91px}.symbol-core{color:#fff;background:linear-gradient(145deg,#7587f0,#454fae);border:1px solid #c0c7ffa6;border-radius:18px;place-items:center;width:57px;height:57px;font-family:Manrope,sans-serif;font-size:31px;font-weight:800;display:grid;box-shadow:0 0 38px #7180f540}.modules-section{margin-top:35px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.section-heading h2{letter-spacing:-.4px;margin:0;font-family:Manrope,sans-serif;font-size:18px;font-weight:700}.section-heading p{color:#8591a6;margin:6px 0 0;font-size:12px}.module-count{border:1px solid var(--line);color:#8592aa;letter-spacing:1.2px;border-radius:6px;padding:7px 10px;font-size:9px;font-weight:700}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.module-card{border:1px solid var(--line);text-align:left;background:linear-gradient(145deg,#151c2a,#121824);border-radius:12px;flex-direction:column;min-width:0;min-height:205px;padding:18px;display:flex}.module-card-active{cursor:pointer;border-color:#8b9cff42;transition:border-color .16s,transform .16s,background .16s,box-shadow .16s}.module-card-active:hover{background:linear-gradient(145deg,#1b2438,#151c2b);border-color:#8b9cffa6;transform:translateY(-3px);box-shadow:0 12px 35px #00000029}.card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.module-icon{color:#8897b1;background:#1b2332;border:1px solid #98a7c61f;border-radius:11px;flex:none;place-items:center;width:43px;height:43px;display:grid}.module-icon.icon-active{color:#a8b4ff;background:#6f81eb21;border-color:#8d9bff45}.module-status{color:#7e8ba0;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.module-status.available{color:#8bd8b2}.card-copy{margin-top:17px}.module-category{color:#8793aa;font-size:10px}.card-copy h3{letter-spacing:-.3px;margin:5px 0 6px;font-family:Manrope,sans-serif;font-size:16px;font-weight:700}.card-copy p{color:#909bb0;min-height:34px;margin:0;font-size:11px;line-height:1.6}.card-footer{color:#a2b0ca;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:14px;font-size:10px;display:flex}.module-card-active .card-footer{color:#aeb9ff}.module-card-planned .card-footer{color:#6f7b90}.module-card-planned .card-footer svg{opacity:.35}.dashboard-footer{border-top:1px solid var(--line);color:#6f7b90;justify-content:space-between;gap:15px;margin-top:26px;padding:17px 0 4px;font-size:10px;display:flex}.footer-separator{color:#46536a;padding:0 5px}@media (width>=1500px){.content{padding-top:52px}.module-card{min-height:220px;padding:21px}}@media (width<=1100px){.sidebar{width:210px}.main-area{margin-left:210px}.content{padding-left:25px;padding-right:25px}.topbar{padding:0 25px}.module-grid{gap:11px}.module-card{padding:14px}.module-status{font-size:9px}.welcome-symbol{margin-right:0}}@media (width<=760px){.sidebar{display:none}.main-area{margin-left:0}.topbar{height:62px;padding:0 18px}.mobile-brand{align-items:center;gap:9px;font-family:Manrope,sans-serif;font-size:15px;display:flex}.mobile-brand .brand-mark{border-radius:10px;width:32px;height:32px;font-size:19px}.breadcrumb{display:none}.environment{font-size:10px}.topbar-right{gap:12px}.content{padding:22px 17px}.welcome{min-height:160px;padding:24px 20px}.welcome h1{font-size:25px}.welcome p{max-width:430px;font-size:12px}.welcome-symbol{display:none}.modules-section{margin-top:27px}.section-heading h2{font-size:16px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.module-card{min-height:205px;padding:13px}.module-icon{width:38px;height:38px}.module-status{gap:5px;font-size:9px}.card-copy h3{font-size:15px}.card-copy p{font-size:10px}.card-footer{font-size:9px}.dashboard-footer{flex-direction:column;font-size:10px}}@media (width<=390px){.environment{display:none}.module-grid{grid-template-columns:1fr}.module-card{min-height:185px;padding:17px}.welcome h1{font-size:22px}.section-heading{align-items:flex-start;gap:10px}.module-count{font-size:8px}}.auth-screen{background:radial-gradient(at 50% 20%,#5a6ad221,#0000 48%),#0c1019;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:28px 18px;display:flex}.auth-card{background:linear-gradient(150deg,#161e2e,#111722 72%);border:1px solid #9fb1d329;border-radius:18px;width:min(100%,430px);padding:34px;box-shadow:0 24px 90px #0000004d}.auth-brand{align-items:center;gap:12px;margin-bottom:35px;display:flex}.auth-icon{color:#aab6ff;background:#6f81eb1f;border:1px solid #8b9cff3d;border-radius:13px;place-items:center;width:47px;height:47px;margin-bottom:23px;display:grid}.auth-heading h1,.auth-card>h1{letter-spacing:-.8px;margin:12px 0 9px;font-family:Manrope,sans-serif;font-size:27px}.auth-description{color:#9ba7bb;margin:0;font-size:13px;line-height:1.7}.login-form{flex-direction:column;margin-top:28px;display:flex}.login-form label{color:#cbd4e5;margin:0 0 8px;font-size:12px;font-weight:600}.login-form input{color:#eef2fb;width:100%;min-height:45px;font:inherit;background:#0d1320;border:1px solid #9fb1d330;border-radius:9px;outline:none;margin-bottom:20px;padding:0 13px;font-size:14px}.login-form input:focus{border-color:#8292ff;box-shadow:0 0 0 3px #8292ff1f}.login-button{color:#fff;cursor:pointer;background:linear-gradient(120deg,#6578e8,#495ac0);border:1px solid #aeb8ff66;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:46px;font-size:13px;font-weight:700;display:flex}.login-button:hover:not(:disabled){filter:brightness(1.1)}.login-button:disabled{cursor:wait;opacity:.7}.login-error,.dashboard-error{color:#ffb3bd;font-size:12px;line-height:1.6}.login-error{margin:-5px 0 17px}.dashboard-error{background:#96283c1f;border:1px solid #ff788c40;border-radius:9px;margin:18px 35px 0;padding:12px 16px}.auth-security{border-top:1px solid var(--line);color:#8493aa;justify-content:center;align-items:center;gap:8px;margin-top:25px;padding-top:19px;font-size:10px;display:flex}.auth-security svg{color:#8f9fff;flex-shrink:0}.auth-footer{color:#68758c;text-align:center;margin-top:24px;font-size:11px}.auth-loading{color:#9ba7bb;text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.auth-loading p{margin:0;font-size:13px}.auth-spinner{animation:1s linear infinite core-spin}@keyframes core-spin{to{transform:rotate(360deg)}}@media (width<=520px){.auth-card{padding:26px 22px}.auth-heading h1,.auth-card>h1{font-size:24px}}