:root{--bg-dark: #0f0f23;--bg-darker: #080812;--bg-card: #151528;--bg-card-hover: #1a1a32;--primary: #534AB7;--primary-hover: #6b5cc8;--primary-glow: rgba(83, 74, 183, .4);--accent: #00d9ff;--accent-secondary: #ff6b9d;--text-primary: #ffffff;--text-secondary: #a0a0b8;--text-muted: #6b6b80;--border: #2a2a42;--border-light: #3a3a55;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--shadow-glow: 0 0 20px var(--primary-glow)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}.portal-layout{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--bg-darker);border-right:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;gap:2rem}.sidebar .logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar nav{display:flex;flex-direction:column;gap:.5rem}.sidebar .nav-item{padding:.75rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);transition:all .2s ease}.sidebar .nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.portal-main{flex:1;display:flex;flex-direction:column}.portal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border)}.portal-header h1{font-size:1.5rem;font-weight:600}.content{padding:2rem}.content p{color:var(--text-secondary)}.error-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.error-container{text-align:center;padding:2rem}.error-container h1{font-size:2rem;margin-bottom:1rem}.error-container p{color:var(--text-secondary);margin-bottom:1.5rem}.error-container a{color:var(--accent)}