:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-primary: #8b5cf6;--accent-secondary: #6366f1;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--danger: #ef4444;--success: #10b981;--font-sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;height:100vh;overflow:hidden}#root{height:100%}.app-container{display:flex;height:100%;width:100%;background:radial-gradient(circle at top right,#1e1b4b,transparent 40%),radial-gradient(circle at bottom left,#312e81,transparent 40%)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn{border:none;cursor:pointer;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .2s ease;font-family:inherit}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;box-shadow:0 4px 15px #8b5cf64d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf666;filter:brightness(1.1)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:#ffffff0d;color:var(--text-primary)}.sidebar{width:300px;flex-shrink:0;border-right:1px solid var(--glass-border);display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column;position:relative;overflow-y:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}