.shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--sidebar-bg);color:#fff;flex-direction:column;gap:18px;padding:16px;display:flex}.sidebar__brand{background:#ffffff14;border-radius:14px;align-items:center;gap:12px;padding:10px;display:flex}.sidebar__logo{width:auto;height:34px}.sidebar__title{flex-direction:column;line-height:1.1;display:flex}.sidebar__title span{opacity:.85;font-size:12px}.sidebar__nav{flex-direction:column;gap:6px;display:flex}.sidebar__link{color:#fff;opacity:.95;border-radius:12px;padding:10px 12px}.sidebar__link:hover{background:var(--sidebar-hover)}.sidebar__link.is-active{background:var(--sidebar-active)}.shell__main{grid-template-rows:64px 1fr;display:grid}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 18px;display:flex}.topbar__crumb{color:var(--muted);font-weight:600}.topbar__right{align-items:center;gap:14px;display:flex}.topbar__user{border:1px solid var(--border);border-radius:999px;align-items:center;gap:10px;padding:6px 10px;display:flex}.topbar__avatar{background:var(--brand-900);color:#fff;border-radius:999px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.topbar__meta{flex-direction:column;line-height:1.1;display:flex}.topbar__meta span{color:var(--muted);font-size:12px;font-weight:600}.shell__content{padding:18px}.btn{border:1px solid var(--border);background:var(--surface);height:40px;color:var(--text);cursor:pointer;border-radius:10px;padding:0 14px;transition:all .12s}.btn:hover{filter:brightness(.98)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--brand-900);color:#fff;border-color:#0000}.btn--primary:hover{background:var(--brand-800)}.btn--ghost{color:#fff;background:0 0;border-color:#ffffff40}.btn--ghost:hover{background:#ffffff1a}.loginWrap{place-items:center;min-height:100vh;padding:28px;display:grid;position:relative;overflow:hidden}.loginWrap:before{content:"";pointer-events:none;position:absolute;inset:0}.loginCard{background:var(--card);border:1px solid var(--card-border);width:min(440px,100vw);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;border-radius:18px;padding:26px 26px 18px;position:relative}.brandTop{place-items:center;gap:10px;margin-bottom:14px;display:grid}.brandLogo{opacity:.9;filter:drop-shadow(0 12px 26px #00000073);width:auto;height:100px}.title{letter-spacing:.2px;margin:0;font-size:22px}.subtitle{color:var(--muted);margin:4px 0 0;font-size:13px}.divider{background:#ffffff0f;height:1px;margin:16px 0}.msButton{cursor:pointer;background:linear-gradient(#ffffff1a,#ffffff0d);border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:60%;height:38px;margin:0 auto;font-size:14px;font-weight:500;transition:background .16s,border-color .16s,box-shadow .16s,transform .12s;display:flex}.msButton:hover{background:linear-gradient(#ffffff24,#ffffff14);border-color:#ffffff2e}.msButton:active{transform:translateY(.5px)}.msButton:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:none}.msIcon{opacity:.85;width:14px;height:14px}.footer{text-align:center;color:#ffffff61;margin-top:14px;font-size:11px}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#070a0f;--bg-1:#0b1220;--card:#12161cb8;--card-border:#ffffff14;--text:#ffffffeb;--muted:#ffffff9e;--primary:#2f7cff;--primary-2:#5aa0ff;--ring:#2f7cff59;--shadow:0 18px 55px #0000008c}html,body,#root{height:100%}body{color:var(--text);background:radial-gradient(1200px 600px at 50% -100px,#2f7cff38,transparent 55%),radial-gradient(900px 500px at 10% 10%,#5aa0ff1f,transparent 55%),linear-gradient(180deg,var(--bg-0)0%,var(--bg-1)100%);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}button,input{font:inherit;color:inherit}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto}