:root{--color-primary:#8e24aa;--color-primary-light:#c158dc;--color-primary-dark:#5c007a;--color-secondary:#00b4d8;--color-secondary-light:#48cae4;--color-secondary-dark:#0077b6;--color-white:#fff;--color-black:#0b090a;--color-bg:#f8f9fa;--color-bg-elevated:#fff;--color-text:#212529;--color-text-muted:#6c757d;--color-border:#dee2e6;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--font-family:"Inter", system-ui, -apple-system, sans-serif}@media (prefers-color-scheme:dark){:root{--color-bg:#121212;--color-bg-elevated:#1e1e1e;--color-text:#f8f9fa;--color-text-muted:#adb5bd;--color-border:#343a40}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff2e}@media (prefers-color-scheme:dark){.glass{background:#1e1e1eb3;border:1px solid #ffffff0d}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:var(--color-white)}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg, var(--color-secondary), var(--color-secondary-light));color:var(--color-white)}.card{background-color:var(--color-bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:1.5rem}.layout{height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--color-border);background-color:var(--color-bg-elevated);flex-direction:column;width:250px;padding:2rem 1rem;transition:width .3s,padding .3s;display:flex}.sidebar.collapsed{width:80px;padding:2rem .5rem}.main-content{flex:1;min-width:0;padding:2rem;overflow-y:auto}