:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-accent:hsla(0,0%,100%,.05);--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#6366f1;--accent-hover:#818cf8;--border-color:hsla(0,0%,100%,.1);--glass-bg:rgba(30,41,59,.7);--glass-border:hsla(0,0%,100%,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--rounded-xl:1rem}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;-webkit-font-smoothing:antialiased}.dashboard-layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);border-right:1px solid var(--glass-border);box-sizing:border-box;height:100vh;padding:2rem;position:sticky;top:0}.main-content{overflow-y:auto;padding:2rem}.logo{background:linear-gradient(90deg,#6366f1,#a855f7);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;margin-bottom:3rem;-webkit-text-fill-color:transparent}.nav-links{list-style:none;padding:0}.nav-link{border-radius:var(--rounded-xl);color:var(--text-secondary);display:block;margin-bottom:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.nav-link:hover{background:var(--bg-accent);color:var(--text-primary)}.nav-link.router-link-active{background:var(--accent-color);box-shadow:0 4px 12px #6366f14d;color:#fff}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--rounded-xl);box-shadow:var(--shadow-lg);padding:1.5rem}.btn{border:none;border-radius:.75rem;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{background:var(--accent-color);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-container{width:100%}.page-container,.page-enter-active{animation:fadeIn .4s ease-out}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-secondary);display:block;font-weight:600;margin-bottom:.5rem}.form-grid{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-group input,.form-group select,.form-group textarea{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:.75rem;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #6366f133;outline:none}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}