@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color: #0f172a;--surface-color: #1e293b;--primary-color: #3b82f6;--primary-hover: #2563eb;--secondary-color: #64748b;--text-main: #f8fafc;--text-muted: #94a3b8;--border-color: #334155;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--primary-color);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover)}button{cursor:pointer;border:none;outline:none;font-family:inherit}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:6px;font-weight:500;transition:all .2s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.input-field{width:100%;padding:.75rem;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-main);transition:border-color .2s}.input-field:focus{border-color:var(--primary-color);outline:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar{width:260px;background:var(--surface-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.5rem;transition:transform .3s ease;flex-shrink:0}.mobile-close-btn{display:none;background:transparent;color:var(--text-muted);border:none}.menu-btn{display:none;background:transparent;color:var(--text-main);border:none;padding:.25rem;margin-left:-.5rem}.sidebar-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;opacity:0;pointer-events:none;transition:opacity .3s ease}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:50;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{opacity:1;pointer-events:auto}.mobile-close-btn,.menu-btn{display:block}main header{padding:1rem 1.5rem!important}main>div{padding:1rem!important}}
