:root{--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-glass: rgba(255, 255, 255, .9);--text-primary: #1a1a1b;--text-secondary: #4a4a4d;--text-muted: #6b7280;--accent-primary: #0061af;--accent-secondary: #d35400;--accent-primary-transparent: rgba(0, 97, 175, .08);--accent-secondary-transparent: rgba(211, 84, 0, .05);--accent-glow: rgba(0, 97, 175, .15);--accent-gradient: linear-gradient(135deg, var(--accent-primary), #004a87);--border-color: rgba(0, 0, 0, .08);--glass-border: 1px solid rgba(0, 0, 0, .05);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .8);--header-height: 70px;--sidebar-width: 250px;--radius-xl: 24px;--radius-lg: 16px;--radius-md: 10px;--radius-sm: 6px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .12);--shadow-glow: 0 0 15px var(--accent-glow)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);height:100vh;width:100vw;overflow:hidden;transition:background-color .5s ease;line-height:1.6;-webkit-font-smoothing:antialiased}#root{height:100%;width:100%;display:flex;position:relative;z-index:1}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 0% 0%,rgba(0,97,175,.05) 0%,transparent 40%),radial-gradient(circle at 100% 100%,rgba(211,84,0,.05) 0%,transparent 40%);pointer-events:none;z-index:-1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0003}.glass-panel{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{box-shadow:var(--shadow-md);border-color:#0000001f;transform:translateY(-2px)}::selection{background:#0061af33;color:inherit}.btn-primary{background:var(--accent-gradient);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);filter:brightness(1.1)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);padding:10px 20px;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:var(--transition-fast)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}input[type=text],input[type=email],input[type=password],textarea,select{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-primary);outline:none;transition:all .2s ease;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0061af1a;background:#fff}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-muted{color:var(--text-muted);font-size:.875rem}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.pulse-glow{animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}.ui-compact{--header-height: 56px;--sidebar-width: 220px}.ui-compact .glass-panel{padding:15px!important}.ui-compact input,.ui-compact select,.ui-compact button{padding:8px 12px}@media(max-width:768px){::-webkit-scrollbar{display:none}h1.page-title{font-size:1.5rem!important;margin-bottom:20px!important}.dashboard-grid,.stats-grid,.tools-grid{grid-template-columns:1fr!important}.glass-panel{padding:15px!important}input,select,button{min-height:44px}}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#00000014;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#00000026}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}