:root{font-family:Outfit,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--bg-primary: #0a0c14;--bg-secondary: #121624;--bg-tertiary: #1b2035;--border-color: rgba(255, 255, 255, .08);--border-focus: rgba(99, 102, 241, .4);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .15);--secondary: #06b6d4;--accent: #d946ef;--success: #10b981;--success-glow: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-glow: rgba(245, 158, 11, .1);--danger: #ef4444;--danger-glow: rgba(239, 68, 68, .1);--glass-bg: rgba(18, 22, 36, .7);--glass-border: rgba(255, 255, 255, .06);--glass-blur: blur(12px);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--transition-fast: .2s ease;--transition-normal: .3s ease;--border-radius: 12px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(6,182,212,.08) 0px,transparent 50%),radial-gradient(at 50% 50%,rgba(217,70,239,.03) 0px,transparent 50%);background-attachment:fixed;color:var(--text-primary);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}button,.btn{font-family:inherit;font-weight:500;font-size:.9rem;padding:.6rem 1.2rem;border-radius:8px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#4f46e5 100%);color:#fff;box-shadow:0 4px 14px #6366f14d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff0d;border-color:#fff3}.btn-danger{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.btn-danger:hover{background:#ef4444;color:#fff}.card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--glass-shadow);transition:transform var(--transition-fast),border-color var(--transition-fast)}.card:hover{border-color:#ffffff1f}.form-group{margin-bottom:1.2rem}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.form-control{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.app-container{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:10}.main-content{margin-left:260px;flex:1;padding:2rem;min-height:100vh}@media (max-width: 768px){.app-container{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid var(--border-color)}.main-content{margin-left:0;padding:1rem}}