:root{--bg:#030712;--bg-gradient:radial-gradient(circle at top right, #111827, #030712);--surface:#11182799;--surface-active:#1f2937cc;--surface-border:#ffffff0d;--text:#f3f4f6;--muted:#9ca3af;--muted-strong:#6b7280;--accent:#10b981;--accent-glow:#10b9814d;--indigo:#6366f1;--indigo-glow:#6366f14d;--warning:#f59e0b;--glass-blur:blur(16px);--font-mono:"JetBrains Mono", "Fira Code", monospace;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.bento-grid{grid-template-columns:repeat(12,1fr);gap:16px;width:100%;max-width:1200px;margin:0 auto;padding:16px;display:grid}.bento-card{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--surface-border);border-radius:24px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.bento-card:hover{border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 10px 40px #0000004d}input[type=text],select,textarea{border:1px solid var(--surface-border);color:var(--text);background:#0000004d;border-radius:16px;outline:none;width:100%;padding:12px 16px;transition:all .2s}input[type=text]:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.primary-button{background:var(--accent);color:#000;cursor:pointer;box-shadow:0 4px 12px var(--accent-glow);border:none;border-radius:16px;transition:all .2s}.primary-button:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.02)}.primary-button:disabled{opacity:.5;cursor:not-allowed}.ghost-button{border:1px solid var(--surface-border);color:var(--text);cursor:pointer;background:#ffffff08;border-radius:16px;transition:all .2s}.ghost-button:hover{background:#ffffff14;border-color:#fff3}.dock{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--surface-border);z-index:1000;background:#111827cc;border-radius:32px;gap:8px;padding:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.dock-item{width:56px;height:56px;color:var(--muted);cursor:pointer;border-radius:24px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.dock-item.active{background:var(--accent);color:#000;box-shadow:0 0 20px var(--accent-glow)}@media (width<=640px){.bento-grid{grid-template-columns:1fr}.col-span-12,.col-span-8,.col-span-4{grid-column:span 1/span 1!important}}