:root{color-scheme:dark;--bg:#040506;--panel:#0b0d12;--panel2:#10141e;--line:rgba(255,255,255,.10);--line2:rgba(255,255,255,.16);--text:#f4f5f7;--muted:#9298a8;--blue:#6c9dff;--red:#ff7a82;--green:#64d79d;--radius:20px;--shadow:0 26px 80px rgba(0,0,0,.48)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.hidden{display:none!important}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(62% 48% at 10% 0,rgba(40,91,173,.22),transparent 70%),radial-gradient(45% 40% at 100% 100%,rgba(92,45,170,.16),transparent 70%)}a{color:inherit}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#78a7ff,#527ee0);font-size:24px;font-weight:800;box-shadow:0 12px 34px rgba(65,120,230,.35)}.brand strong{display:block;font-size:21px}.brand small{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.18em}.eyebrow{margin:0 0 13px;color:#7fa8ff;font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em}.muted{color:var(--muted)}
.auth-shell{position:relative;z-index:1;width:min(1160px,calc(100% - 40px));min-height:720px;margin:clamp(30px,7vh,90px) auto;display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;border:1px solid var(--line2);border-radius:28px;background:rgba(11,14,21,.95);box-shadow:var(--shadow)}.auth-aside{display:flex;flex-direction:column;padding:58px;background:linear-gradient(155deg,rgba(30,54,95,.74),rgba(7,13,24,.92) 52%,#070a10);border-right:1px solid var(--line)}.aside-copy{margin:auto 0}.aside-copy h1{max-width:430px;margin:0;font-size:clamp(38px,4vw,58px);line-height:1.02;letter-spacing:-.045em}.aside-copy p:last-child{max-width:430px;margin:25px 0 0;color:#a8afbe;font-size:18px;line-height:1.65}.trust-note{display:flex;gap:13px;padding-top:28px;border-top:1px solid var(--line)}.trust-note p{margin:0;color:#a7afbf;line-height:1.6}.shield{flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(108,157,255,.5);border-radius:50%;color:#8eb4ff}.auth-card{padding:58px 74px}.topline{display:flex;justify-content:flex-end;align-items:center;min-height:34px}.mobile-brand{display:none;text-decoration:none;font-weight:800;font-size:21px}.language{display:flex;padding:3px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.language button{min-width:37px;height:27px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:700 11px ui-monospace,SFMono-Regular,monospace;cursor:pointer}.language button.active{background:#e9edf5;color:#121722}.auth-card>.eyebrow{margin-top:56px}.auth-card h2{margin:0;font-size:42px;letter-spacing:-.04em}.auth-card>.muted{margin:14px 0 30px;font-size:16px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid var(--line);border-radius:13px;background:#07090d}.auth-tabs button{height:42px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:700 14px inherit;cursor:pointer}.auth-tabs button[aria-selected="true"]{background:#e8edf5;color:#141821}.field{display:block;margin-top:20px}.field>span{display:block;margin-bottom:8px;color:#c8cdd8;font-size:13px;font-weight:650}.field input{width:100%;height:52px;padding:0 15px;border:1px solid var(--line);border-radius:12px;background:#07090e;color:#fff;font:500 15px inherit;outline:0;transition:.2s}.field input:focus{border-color:rgba(108,157,255,.65);box-shadow:0 0 0 3px rgba(108,157,255,.14)}.password-wrap{position:relative}.password-wrap input{padding-right:50px}.icon-button{position:absolute;right:8px;top:7px;width:38px;height:38px;border:0;background:transparent;color:#7c8495;cursor:pointer}.form-error{min-height:21px;margin:13px 0 0;color:#ff8c94;font-size:13px}.primary,.secondary{border:0;border-radius:12px;font:750 14px inherit;cursor:pointer}.primary{width:100%;height:52px;margin-top:10px;background:linear-gradient(135deg,#75a5ff,#6789ed);color:#fff;box-shadow:0 14px 32px rgba(80,125,230,.28)}.primary:disabled,.secondary:disabled{cursor:wait;opacity:.6}.legal{margin:22px 0 0;color:#777f90;font-size:12px;line-height:1.55;text-align:center}
.app-shell{position:relative;z-index:1;display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:30px 24px;background:rgba(8,11,17,.94);border-right:1px solid var(--line);backdrop-filter:blur(18px)}.sidebar nav{display:grid;gap:6px;margin-top:52px}.sidebar nav a{padding:12px 14px;border-radius:10px;color:var(--muted);font-size:14px;text-decoration:none}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(108,157,255,.11);color:#edf3ff}.sidebar-bottom{margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}.sidebar-bottom p{overflow:hidden;margin:0 0 10px;color:var(--muted);font-size:12px;text-overflow:ellipsis}.text-button{padding:0;border:0;background:none;color:#ff969d;font:700 13px inherit;cursor:pointer}.workspace{width:min(1180px,100%);padding:52px clamp(28px,5vw,76px) 90px}.workspace-header{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.workspace-header h1{margin:0;font-size:clamp(32px,4vw,48px);letter-spacing:-.04em}.workspace-header .muted{margin:11px 0 0}.notice{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:34px;padding:19px 22px;border:1px solid rgba(255,188,92,.28);border-radius:15px;background:rgba(255,170,60,.08)}.notice strong{font-size:15px}.notice p{margin:6px 0 0;color:#b5a58e;font-size:13px}.secondary{min-height:38px;padding:0 15px;border:1px solid var(--line2);background:rgba(255,255,255,.05);color:#e8ebf2}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.stats article{padding:22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.015))}.stats span{display:block;color:var(--muted);font-size:12px}.stats strong{display:block;margin:12px 0 7px;font-size:25px}.stats small{color:#6f7788}.panel{scroll-margin-top:24px;margin-top:20px;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(11,14,21,.85);box-shadow:0 15px 50px rgba(0,0,0,.18)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-head .eyebrow{margin-bottom:8px}.panel h2{margin:0;font-size:22px;letter-spacing:-.02em}.status{padding:6px 10px;border:1px solid rgba(100,215,157,.3);border-radius:999px;background:rgba(100,215,157,.09);color:var(--green);font:700 11px ui-monospace,SFMono-Regular,monospace;text-transform:uppercase}.empty{padding:28px 0 8px;color:var(--muted)}.license-content{margin-top:26px}.license-content label>span{display:block;margin-bottom:9px;color:var(--muted);font-size:12px}.key-row{display:flex;align-items:center;gap:12px}.key-row code{flex:1;overflow:auto;padding:15px;border:1px solid var(--line);border-radius:12px;background:#07090d;color:#e8edfa;font-size:15px;letter-spacing:.08em}.license-content dl{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:18px 0 0}.license-content dl>div{padding:15px;border-radius:12px;background:rgba(255,255,255,.025)}dt{color:var(--muted);font-size:11px}dd{margin:8px 0 0;font-weight:700}.list{display:grid;gap:10px;margin-top:20px}.list-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;align-items:center;gap:18px;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.02)}.list-row strong{display:block;font-size:14px}.list-row small{display:block;margin-top:5px;color:var(--muted)}.list-empty{padding:16px 0;color:var(--muted)}.toast{position:fixed;right:24px;bottom:24px;z-index:20;max-width:380px;padding:13px 17px;border:1px solid var(--line2);border-radius:12px;background:#151a25;color:#eef2fa;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(12px);transition:.25s}.toast.show{opacity:1;transform:none}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr;max-width:680px}.auth-aside{display:none}.auth-card{padding:40px}.topline{justify-content:space-between}.mobile-brand{display:block}.auth-card>.eyebrow{margin-top:42px}.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;display:flex;flex-direction:row;align-items:center;gap:20px;padding:18px 22px}.sidebar nav{display:none}.sidebar-bottom{display:flex;align-items:center;gap:14px;margin:0 0 0 auto;padding:0;border:0}.sidebar-bottom p{margin:0}.workspace{padding:38px 24px 70px}.stats{grid-template-columns:1fr 1fr}.license-content dl{grid-template-columns:1fr}.list-row{grid-template-columns:1fr auto}.list-row>div:nth-child(2){display:none}}
@media(max-width:600px){.auth-shell{width:calc(100% - 20px);margin:10px auto;min-height:calc(100vh - 20px)}.auth-card{padding:28px 22px}.auth-card h2{font-size:32px}.sidebar .brand small,.sidebar-bottom p{display:none}.workspace-header{display:block}.workspace-header .language{width:max-content;margin-top:20px}.stats{grid-template-columns:1fr}.notice{align-items:flex-start;flex-direction:column}.key-row{align-items:stretch;flex-direction:column}.list-row{grid-template-columns:1fr}.list-row>button{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
