:root{--bg-color: #0d1117;--surface-color: #161b22;--surface-hover: #1f242d;--text-primary: #f0f6fc;--text-secondary: #8b949e;--accent-color: #58a6ff;--accent-hover: #79c0ff;--accent-glow: rgba(88, 166, 255, .2);--accent-gradient: linear-gradient(135deg, var(--accent-color) 0%, var(--accent-hover) 100%);--danger-color: #f85149;--border-color: #30363d;--font-family: "Inter", system-ui, -apple-system, sans-serif;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .7);--glass-bg: rgba(22, 27, 34, .8);--glass-border: rgba(255, 255, 255, .1);--glass-blur: 12px}*{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}body{margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}::selection{background:#58a6ff4d;color:#fff}::-moz-selection{background:#58a6ff4d;color:#fff}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.material-loader{width:48px;height:48px;border:4px solid var(--accent-glow);border-left-color:var(--accent-color);border-radius:50%;animation:material-spin .8s linear infinite}@keyframes material-spin{to{transform:rotate(360deg)}}button{background:none;border:none;cursor:pointer;font-family:inherit;transition:all .2s ease}.btn-primary{background-color:var(--accent-color);color:#0d1117;font-weight:600;border-radius:var(--radius-md);padding:.75rem 1.5rem;font-size:1rem}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}