:root{--primary:#4f46e5;--primary-hover:#4338ca;--secondary:#6366f1;--bg-main:#f8fafc;--bg-card:#fff;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--success:#10b981;--error:#ef4444;--sidebar-width:260px;--radius:12px;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--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-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;font-family:inherit;transition:all .2s}a{color:inherit;text-decoration:none}ul{list-style:none}.app-container{min-height:100vh;display:flex}.main-content{flex:1;max-width:1400px;margin:0 auto;padding:40px;overflow-y:auto}h1{margin-bottom:.5rem;font-size:2.25rem;font-weight:700}h2{margin-bottom:1rem;font-size:1.5rem;font-weight:600}p{color:var(--text-muted);line-height:1.5}.card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:24px}.btn{border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{border:1px solid var(--border);color:var(--text-main);background:0 0}.btn-outline:hover{background:var(--bg-main)}