:root{color-scheme:dark;--bg: #0c1016;--panel: rgba(20, 25, 34, .92);--panel-strong: rgba(27, 33, 44, .98);--text: #f2f4f8;--muted: #a9b1bd;--line: rgba(255, 255, 255, .08);--accent: #f4be3c;--accent-2: #21c0d1}:root[data-theme=light]{color-scheme:light;--bg: #f4f6f8;--panel: rgba(255, 255, 255, .92);--panel-strong: rgba(255, 255, 255, .98);--text: #111827;--muted: #52606d;--line: rgba(17, 24, 39, .1);--accent: #f0b323;--accent-2: #0d98b5}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(33,192,209,.18),transparent 32%),radial-gradient(circle at top right,rgba(240,179,35,.16),transparent 28%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:#0a0f168c;border-right:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:20px}.main{padding:24px}.topbar,.toolbar-row,.card-row,.grid{display:flex;gap:12px}.topbar{justify-content:space-between;align-items:center;margin-bottom:24px}.topbar h1,.hero h2{margin:4px 0 0}.kicker,.label{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--muted)}.brand-block{display:flex;gap:14px;align-items:center}.brand-logo{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2))}.brand-logo.large{width:116px;height:116px;margin:0 auto 12px;display:block}.brand-logo.dark{filter:brightness(0) invert(1) drop-shadow(0 10px 20px rgba(0,0,0,.2))}.brand-logo.light{filter:brightness(0) drop-shadow(0 10px 20px rgba(0,0,0,.15))}.nav-list{display:grid;gap:8px}.nav-item,.btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:16px;padding:12px 16px}.nav-item.router-link-active{background:var(--panel-strong);border-color:#21c0d159}.sidebar-card,.auth-panel,.hero,.card{background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 60px #00000029}.sidebar-card{padding:16px;display:grid;gap:6px}.content{display:grid;gap:18px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-panel{width:min(100%,720px);padding:28px 30px 30px;text-align:center}.auth-panel-login{display:grid;gap:18px}.auth-logo{justify-self:center;margin-top:4px;margin-bottom:4px}.brand-logo.large{width:190px;height:190px;margin:0;display:block}.auth-form{display:grid;gap:14px;margin-top:4px;text-align:left}.auth-form label{display:grid;gap:8px;color:var(--muted)}.auth-form input{width:100%;border-radius:14px;border:1px solid var(--line);background:var(--panel-strong);color:var(--text);padding:12px 14px}.lowercase{text-transform:lowercase}.auth-submit{width:100%;min-height:58px;font-size:1.02rem}.auth-forgot{align-self:center;justify-self:center;padding:0;border:0;background:transparent;color:var(--muted)}.auth-forgot:hover{color:var(--text)}.auth-error{margin:0}.link-btn{background:transparent;border:0;color:var(--muted);cursor:pointer}.link-btn:hover{color:var(--text)}.success{color:#85e7b5}.btn.primary{background:linear-gradient(135deg,var(--accent),#ffd36f);color:#111827;border-color:transparent;font-weight:700}.btn.ghost{background:transparent}.modal-panel-narrow{width:min(100%,620px)}.hero,.card{padding:22px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.card{display:grid;gap:8px}.error{color:#ffb6b6}.page{display:grid;gap:18px}.stack{display:grid;gap:14px}.muted{color:var(--muted)}.search{min-width:260px;border-radius:14px;border:1px solid var(--line);background:var(--panel-strong);color:var(--text);padding:12px 14px}.field{display:grid;gap:8px}.field>span{color:var(--muted);font-size:.92rem}.field input,.field select,.field textarea{width:100%;border-radius:14px;border:1px solid var(--line);background:var(--panel-strong);color:var(--text);padding:12px 14px}.grid-form{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04080eb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:24px;z-index:50}.modal-panel{width:min(100%,900px);max-height:92vh;overflow:auto;border-radius:28px;background:var(--panel-strong);border:1px solid var(--line);box-shadow:0 30px 80px #00000052;padding:22px}.modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:18px}.modal-body{display:grid;gap:16px}@media(max-width:980px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.grid,.grid-form{grid-template-columns:1fr}.search{min-width:0;width:100%}}