@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&display=swap";:root{font-synthesis:none;font-family:Inter,Arial,sans-serif}body{min-width:320px;margin:0}.login-shell{color:#f7f6f1;background:#090a0a;grid-template-columns:minmax(350px,1fr) minmax(410px,510px);align-items:center;gap:80px;min-height:100vh;padding:clamp(28px,7vw,120px);display:grid;position:relative;overflow:hidden}.login-shell:before{content:"";opacity:.33;background-image:linear-gradient(#d8ccb512 1px,#0000 1px),linear-gradient(90deg,#d8ccb512 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 70%);mask-image:linear-gradient(90deg,#000,#0000 70%)}.login-glow{filter:blur(80px);opacity:.14;pointer-events:none;border-radius:50%;width:620px;height:620px;position:absolute}.glow-one{background:#b5d0a6;top:-270px;left:-230px}.glow-two{background:#d8ccb5;bottom:-360px;right:-200px}.login-story,.login-card{z-index:1;position:relative}.login-story{max-width:620px}.login-story .brand{letter-spacing:-.5px;margin-bottom:90px;font-size:18px;font-weight:800}.brand span{color:#d8ccb5}.eyebrow{letter-spacing:1.15px;color:#cfc1a9;margin:0 0 16px;font-family:DM Mono,monospace;font-size:10px;font-weight:500}.login-story h1{letter-spacing:-4px;margin:0 0 24px;font-size:clamp(42px,5vw,74px);line-height:1.01}.login-story h1 em{color:#d8ccb5;font-family:Georgia,serif;font-weight:400}.login-story>p:not(.eyebrow){color:#a8a7a3;max-width:430px;font-size:16px;line-height:1.7}.trust-row{color:#999;border-top:1px solid #343432;gap:24px;margin-top:56px;padding-top:18px;font:11px DM Mono,monospace;display:flex}.trust-row i,.local-pill i{background:#9fbe94;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 12px #9fbe94}.login-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#202120f7,#121313f5);border:1px solid #373835;border-radius:20px;padding:34px;box-shadow:0 30px 80px #0000007a}.login-card:before{content:"";background:linear-gradient(90deg,#d8ccb5,#0000);height:2px;position:absolute;top:-1px;left:28px;right:45%}.login-card-head{justify-content:space-between;align-items:start;display:flex}.local-pill{color:#b7cdb0;background:#172016;border:1px solid #40513d;border-radius:20px;padding:7px 9px;font:10px DM Mono,monospace}.login-card h2{letter-spacing:-1.2px;margin:0 0 8px;font-size:31px}.muted{color:#aaa7a1;font-size:13px;line-height:1.6}.login-card form{gap:17px;margin-top:29px;display:grid}.login-card label{letter-spacing:.25px;gap:8px;font-size:11px;font-weight:700;display:grid}.login-card input{color:#fff;background:#101111;border:1px solid #3d3f3d;border-radius:9px;outline:none;width:100%;min-width:0;padding:13px 14px;transition:border .2s,box-shadow .2s}.login-card input:focus{border-color:#d8ccb5;box-shadow:0 0 0 3px #d8ccb51f}.login-card label small{color:#8d8c87;letter-spacing:0;font-size:10px;font-weight:400}.password-control{display:flex;position:relative}.password-control input{padding-right:84px}.password-control button{color:#d8ccb5;background:#292a28;border:0;border-radius:6px;padding:0 10px;font-size:10px;font-weight:700;position:absolute;top:7px;bottom:7px;right:7px}.login-card .dark-button{color:#121212;background:linear-gradient(135deg,#e4dac5,#c7b99d);border:0;border-radius:9px;width:100%;margin-top:8px;padding:14px;font-weight:800;transition:transform .2s,filter .2s}.login-card .dark-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.login-card .dark-button:disabled{opacity:.6;cursor:wait}.switch{color:#d8ccb5;text-underline-offset:4px;background:0 0;border:0;width:100%;margin-top:20px;text-decoration:underline}.form-error{color:#ffd8d1;background:#432722;border:1px solid #75413a;border-radius:8px;padding:11px;font-size:12px;line-height:1.4}.ai-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.ai-grid select{color:#f7f6f1;background:#0c0c0c;border:1px solid #3d3d3d;border-radius:8px;width:100%;margin:15px 0;padding:12px;display:block}.ai-grid li{color:#d8d3ce;margin:10px 0}@media (width<=900px){.login-shell{grid-template-columns:1fr;gap:38px;padding:48px 24px}.login-story .brand{margin-bottom:38px}.login-story h1{font-size:48px}.login-card{width:min(100%,510px)}.trust-row{margin-top:30px}}@media (width<=700px){.ai-grid{grid-template-columns:1fr}.login-card{padding:26px}.login-story h1{letter-spacing:-2.5px;font-size:40px}.trust-row{gap:13px;font-size:9px}}*{box-sizing:border-box}button,input,textarea{font:inherit}button{cursor:pointer}body{background:#000}.app-shell{color:#f7f6f1;background:#000;min-height:100vh;display:flex}.sidebar{background:#111;border-right:1px solid #292929;flex-direction:column;width:240px;padding:27px 14px;display:flex}.brand{padding:5px 12px 40px;font-size:17px;font-weight:800}.brand span,.crumb span{color:#d8ccb5}.brand small{letter-spacing:3px;margin-left:8px;font-size:9px}.sidebar nav{gap:4px;display:grid}.sidebar nav button{color:#e5e3df;text-align:left;background:0 0;border:0;border-radius:6px;padding:11px 12px;font-size:13px}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#413e3c}.side-footer{color:#d8ccb5;margin-top:auto;padding:12px;font-size:11px;line-height:1.7}.side-footer span{color:#aaa}main{width:calc(100% - 240px);min-height:100vh}header{border-bottom:1px solid #292929;justify-content:space-between;align-items:center;height:76px;padding:0 46px;display:flex}.crumb{font-size:17px;font-weight:800}.header-actions{gap:12px;display:flex}.header-actions button{color:#f7f6f1;background:#171717;border:1px solid #393939;border-radius:8px;padding:8px 12px}.header-actions .avatar{color:#111;background:#d8ccb5;border-color:#d8ccb5;border-radius:50%;width:36px;height:36px;padding:0;font-size:11px}.content{max-width:1400px;margin:auto;padding:43px 46px}.notice{color:#e4efdf;background:#20301e;border:1px solid #52694e;border-radius:8px;justify-content:space-between;margin:17px 46px 0;padding:12px 16px;font-size:13px;display:flex}.notice button{color:inherit;background:0 0;border:0}.eyebrow{letter-spacing:1.1px;color:#b9b0a4;margin:0 0 11px;font-size:11px;font-weight:800}h1{letter-spacing:-1.5px;margin:0 0 10px;font-size:40px}h2{letter-spacing:-.8px;margin:0 0 8px;font-size:30px}h3{margin:0 0 8px}.muted,.welcome p{color:#b6b1ab;line-height:1.55}.welcome{justify-content:space-between;align-items:end;margin-bottom:34px;display:flex}.dark-button{color:#111;background:#d8ccb5;border:0;border-radius:9px;padding:13px 18px;font-weight:700}.card{background:#151515;border:1px solid #303030;border-radius:12px;padding:22px}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:17px;display:grid}.metric{flex-direction:column;min-height:140px;display:flex}.metric span,.metric small{letter-spacing:.6px;color:#b7b0a9;font-size:11px}.metric strong{margin:auto 0 3px;font-size:31px}.metric .online,.score{color:#9eb298}.dashboard-grid{grid-template-columns:1.35fr 1fr;gap:17px;display:grid}.card-head{border-bottom:1px solid #303030;justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}.card-head button{color:#f7f6f1;background:0 0;border:0;font-size:12px;text-decoration:underline}.lead-row,.rule{border-bottom:1px solid #292929;align-items:center;gap:16px;padding:16px 0;display:flex}.lead-row:last-child,.rule:last-child{border:0}.lead-row>div{flex:1}.lead-row small,td small{color:#b9b3ac;margin-top:4px;font-size:12px;display:block}.badge{white-space:nowrap;letter-spacing:.4px;color:#ded9d2;background:#292929;border-radius:5px;padding:6px 8px;font-size:10px;font-weight:800;display:inline-block}.badge.green{color:#c9dfc3;background:#293526}.badge.gold{color:#eadbb9;background:#453d2c}.page-title{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.page-title>button,.toolbar button{color:#111;background:#d8ccb5;border:0;border-radius:8px;padding:11px 14px;font-weight:700}.toolbar{gap:12px;margin-bottom:16px;display:flex}.toolbar input{color:#f7f6f1;background:#171717;border:1px solid #3c3c3c;border-radius:8px;flex:1;max-width:420px;padding:11px 13px}.table-wrap{padding:0;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;letter-spacing:.5px;color:#c8c0b8;background:#1a1a1a;font-size:10px}th,td{border-bottom:1px solid #303030;padding:16px}.assistant-layout{grid-template-columns:1.5fr .75fr;gap:17px;display:grid}.chat-card{min-height:500px}.chat-bubble{background:#242321;border-radius:10px;max-width:65%;margin:37px 0;padding:14px;font-size:13px;line-height:1.5}.command{gap:8px;margin-top:140px;display:flex}.command input{color:#f7f6f1;background:#171717;border:1px solid #3c3c3c;border-radius:8px;flex:1;min-width:0;padding:12px}.command button{color:#111;background:#d8ccb5;border:0;border-radius:8px;padding:0 14px;font-weight:700}.shortcuts{gap:8px;margin-top:14px;display:flex}.shortcuts button,.components button{color:#f7f6f1;background:#1b1b1b;border:1px solid #3d3d3d;border-radius:15px;padding:6px 10px;font-size:11px}.studio{grid-template-columns:180px 1fr 1fr;gap:16px;display:grid}.components{gap:8px;height:max-content;display:grid}.components button{text-align:left;border-radius:6px;padding:9px}.components hr{border:0;border-top:1px solid #303030;width:100%}.studio textarea{color:#e9e3d9;resize:vertical;background:#0e0e0e;border:1px solid #3c3c3c;border-radius:10px;min-height:400px;padding:16px;font:12px ui-monospace,monospace}.preview{min-height:400px}.preview h1{font-size:27px}.release{color:#f7f6f1;background:#151515;justify-content:space-between;align-items:center;display:flex}.release p{color:#d8ccb5}.changes{margin-top:16px}.changes p{align-items:center;gap:10px;display:flex}.empty{max-width:700px;margin-top:22px;padding:35px}.mobile-nav{display:none}@media (width<=800px){.sidebar{display:none}main{width:100%;padding-bottom:68px}header{height:62px;padding:0 18px}.crumb{font-size:14px}.search{display:none}.content{padding:27px 18px}.notice{margin:12px 18px 0}.welcome{display:block}.welcome .dark-button{margin-top:18px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px}.metric{min-height:110px;padding:14px}.dashboard-grid,.assistant-layout{grid-template-columns:1fr}.page-title{align-items:start}.toolbar{flex-direction:column}.toolbar input{width:100%;max-width:none}.studio{grid-template-columns:1fr}.components{grid-template-columns:repeat(2,1fr)}.components b,.components small,.components hr{grid-column:span 2}.mobile-nav{z-index:3;background:#111;justify-content:space-around;align-items:center;height:63px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#c7c1bb;background:0 0;border:0;max-width:64px;font-size:9px}.mobile-nav button.active{color:#fff;font-weight:800}h1{font-size:30px}h2{font-size:25px}.table-wrap{border-left:0;border-right:0;border-radius:0;margin:0 -18px}table{min-width:700px}.command{flex-direction:column;margin-top:90px}.command button{padding:12px}.chat-bubble{max-width:90%}}
