:root{--primary-color: #6366f1;--primary-hover: #4f46e5;--secondary-color: #ec4899;--background-color: #0f172a;--surface-color: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--success-color: #22c55e;--danger-color: #ef4444;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--radius-lg: 1rem;--radius-md: .75rem;--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%}*{box-sizing:border-box}#root{min-height:100vh;display:flex;flex-direction:column}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.btn{padding:.75rem 1.5rem;border-radius:var(--radius-md);border:none;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}input{background:var(--surface-color);border:1px solid var(--glass-border);color:var(--text-primary);padding:.75rem;border-radius:var(--radius-md);width:100%;box-sizing:border-box;font-size:1rem}input:focus{outline:2px solid var(--primary-color);border-color:transparent}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.fade-out{opacity:0;pointer-events:none}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.navigation-sidebar{width:250px;background:var(--surface-color);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;position:fixed;left:0;top:0;height:100vh;z-index:100;transition:transform .3s ease}.nav-header{padding:2rem 1.5rem;border-bottom:1px solid var(--glass-border)}.nav-list{list-style:none;padding:1rem 0;margin:0;flex:1}.nav-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;position:relative}.nav-link:hover{background:#6366f11a;color:var(--text-primary)}.nav-link.active{background:#6366f126;color:var(--primary-color);font-weight:600}.nav-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-color)}.nav-icon{font-size:1.5rem}.nav-label{font-size:1rem}.nav-footer{padding:1.5rem;border-top:1px solid var(--glass-border);text-align:center}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:101;background:var(--surface-color);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:1.5rem;cursor:pointer;color:var(--text-primary)}.nav-overlay{display:none}.main-content{margin-left:250px;flex:1;padding:2rem;max-width:1400px;width:100%}.page-container{animation:fadeIn .3s ease-in}.page-title{font-size:2.5rem;font-weight:800;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 2rem}.action-button{transition:all .2s ease}.action-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}@media (max-width: 768px){.navigation-sidebar{transform:translate(-100%)}.navigation-sidebar.open{transform:translate(0)}.mobile-menu-toggle{display:block}.nav-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99}.main-content{margin-left:0;padding:5rem 1rem 1rem}.page-title{font-size:2rem}}