@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Outfit:wght@300;400;600;700;800&display=swap";:root{--bg:#08080c;--bg-card:#12121a;--bg-hover:#181824;--border:#223;--border-glow:#6c6cff33;--accent:#6c6cff;--accent-light:#a78bfa;--accent-dim:#6c6cff22;--text:#e2e2f0;--text-muted:#88a;--text-subtle:#55556a;--tag-bg:#1a1a2e;--code-bg:#0d0d14;--success:#22c55e;--danger:#f87171;--warning:#fbbf24;--radius:12px;--radius-sm:8px;--shadow:0 4px 24px #00000080;--shadow-accent:0 0 40px #6c6cff1a;--transition:.2s ease;--sidebar-width:260px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:var(--accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-light)}button{cursor:pointer;color:inherit;background:0 0;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.dashboard-layout{min-height:100vh;display:flex}.dashboard-sidebar{width:var(--sidebar-width);background:var(--bg-card);border-right:1px solid var(--border);z-index:40;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.dashboard-main{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.dashboard-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;background:#08080ccc;align-items:center;height:64px;padding:0 2rem;display:flex;position:sticky;top:0}.dashboard-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.sidebar-logo{border-bottom:1px solid var(--border);height:64px;color:var(--text);letter-spacing:-.5px;align-items:center;padding:0 1.5rem;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;display:flex}.sidebar-logo span{color:var(--accent)}.sidebar-logo .badge{background:var(--accent-dim);color:var(--accent);vertical-align:middle;border-radius:12px;margin-left:.75rem;padding:.15rem .5rem;font-family:JetBrains Mono,monospace;font-size:.65rem}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem 1rem;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition);align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.95rem;font-weight:500;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active{color:var(--accent);background:#6c6cff1a;font-weight:600}.nav-item svg{width:18px;height:18px}.sidebar-footer{border-top:1px solid var(--border);padding:1rem}.btn-logout{border-radius:var(--radius-sm);width:100%;color:var(--text-subtle);transition:all var(--transition);align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.95rem;font-weight:500;display:flex}.btn-logout:hover{color:var(--danger);background:#f871711a}.page-title{letter-spacing:-.5px;justify-content:space-between;align-items:center;margin-bottom:2rem;font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;display:flex}.btn{border-radius:var(--radius-sm);transition:all var(--transition);justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#7d7dff;transform:translateY(-1px);box-shadow:0 4px 14px #6c6cff4d}.btn-secondary{background:var(--bg-hover);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{border-color:var(--text-muted)}.btn-danger{color:var(--danger);background:#f871711a;border:1px solid #0000}.btn-danger:hover{background:var(--danger);color:#fff}.btn-icon-only{color:var(--text-muted);padding:.5rem}.btn-icon-only:hover{background:var(--bg-hover);color:var(--text);border-radius:var(--radius-sm)}.btn-icon-only.danger:hover{color:var(--danger);background:#f871711a}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.form-input,.form-textarea,.form-select{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:all var(--transition);outline:none;padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:.95rem}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.form-textarea{resize:vertical;min-height:120px}.auth-container{background:radial-gradient(circle at center, var(--bg-card) 0%, var(--bg) 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow);padding:2.5rem 2rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{letter-spacing:-.5px;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800}.auth-logo span{color:var(--accent)}.auth-subtitle{color:var(--text-muted);font-size:.95rem}