*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #0a0b0f;--bg-surface: #111318;--bg-elevated: #181c24;--bg-hover: #1e2330;--border: rgba(255, 255, 255, .07);--border-accent: rgba(99, 234, 180, .3);--text-primary: #f0f2f8;--text-secondary: #8892a4;--text-muted: #4a5366;--accent-green: #63eab4;--accent-green-dim: rgba(99, 234, 180, .15);--accent-red: #ff5f6b;--accent-red-dim: rgba(255, 95, 107, .15);--accent-blue: #4d9de0;--accent-yellow: #f5c842;--font-display: "Syne", sans-serif;--font-mono: "DM Mono", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-glow-green: 0 0 24px rgba(99, 234, 180, .12);--shadow-glow-red: 0 0 24px rgba(255, 95, 107, .12);--transition: .2s cubic-bezier(.4, 0, .2, 1)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-display);background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:240px;min-height:100vh;padding:32px;max-width:calc(100vw - 240px)}@media (max-width: 900px){.main-content{margin-left:0;max-width:100vw;padding:16px 16px 80px}}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card);transition:border-color var(--transition)}.card:hover{border-color:#ffffff1f}.input{width:100%;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:14px;padding:10px 14px;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.input:focus{border-color:var(--accent-green);box-shadow:0 0 0 3px #63eab41a}.input::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:14px;padding:10px 20px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn-primary{background:var(--accent-green);color:#0a0b0f}.btn-primary:hover{background:#80f0c4;transform:translateY(-1px);box-shadow:var(--shadow-glow-green)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--accent-red-dim);color:var(--accent-red);border:1px solid rgba(255,95,107,.2)}.btn-danger:hover{background:#ff5f6b40}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeUp{animation:fadeUp .4s cubic-bezier(.4,0,.2,1) forwards}.animate-fadeIn{animation:fadeIn .3s ease forwards}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.4}.main-content:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:0}