:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.45;--color-brand-primary: #5b8cff;--color-brand-secondary: #7c4dff;--color-brand-accent: #00e5a8;--color-bg-app: #0f172a;--color-bg-card: #111827;--color-bg-surface-alt: #1f2937;--color-bg-light: #f8fafc;--color-border-soft: #334155;--color-text-dark: #0b1220;--color-text-primary: #e5e7eb;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-white: #ffffff;--color-state-error: #ef4444;--color-state-warning: #f59e0b;--color-state-success: #10b981;--brand-primary: var(--color-brand-primary);--brand-secondary: var(--color-brand-secondary);--brand-accent: var(--color-brand-accent);--bg-app: var(--color-bg-app);--bg-card: var(--color-bg-card);--bg-surface-alt: var(--color-bg-surface-alt);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--border-default: var(--color-border-soft);--gradient-brand: linear-gradient(135deg, #5b8cff 0%, #7c4dff 100%);--gradient-highlight: linear-gradient(135deg, rgba(91, 140, 255, .18) 0%, rgba(124, 77, 255, .18) 100%);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: .625rem;--radius-md: .875rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-pill: 999px;--shadow-card: 0 14px 30px rgba(3, 9, 24, .34);--shadow-soft: 0 8px 24px rgba(2, 8, 23, .24);--shadow-focus: 0 0 0 3px rgba(91, 140, 255, .35);--transition-standard: .18s ease}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg-app);color:var(--text-primary)}a{color:var(--brand-primary);text-decoration:none;transition:color var(--transition-standard)}a:hover{color:var(--color-white)}h1,h2,h3,h4{color:var(--color-white);letter-spacing:-.015em;margin:0}p{color:var(--text-secondary);margin:0}button,input,textarea,select{font:inherit}.btn{border:0;border-radius:var(--radius-md);padding:.7rem 1.1rem;cursor:pointer;font-weight:600;color:var(--color-white);background:var(--gradient-brand);transition:transform var(--transition-standard),filter var(--transition-standard),box-shadow var(--transition-standard),background var(--transition-standard)}.btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.btn:active{transform:translateY(0);filter:brightness(.98)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.58;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--bg-surface-alt);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:#263345}.btn-sm{padding:.4rem .75rem;border-radius:var(--radius-sm);font-size:.88rem}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-4);box-shadow:var(--shadow-card)}.page-shell{max-width:1020px;display:grid;gap:var(--space-4)}.page-shell>p{color:var(--text-muted)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-6);background:radial-gradient(circle at 10% 12%,rgba(91,140,255,.2),transparent 36%),radial-gradient(circle at 85% 5%,rgba(124,77,255,.18),transparent 33%),var(--bg-app)}.auth-layout{width:min(1080px,100%);display:grid;grid-template-columns:1.1fr minmax(320px,460px);gap:var(--space-8);align-items:start}.landing{border:1px solid var(--border-default);background:#111827b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-xl);padding:var(--space-6)}.brand-row{display:flex;align-items:center;gap:var(--space-3);color:var(--color-white);font-weight:700;margin-bottom:var(--space-5)}.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--gradient-brand);display:inline-block;box-shadow:0 0 32px #5b8cff59}.hero{text-align:left;padding:0 0 var(--space-6)}.hero h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--space-4)}.lead{max-width:66ch;color:var(--text-muted);margin-bottom:var(--space-5)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.feature-item{border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--bg-surface-alt);transition:border-color var(--transition-standard),transform var(--transition-standard),background var(--transition-standard)}.feature-item h3{margin-bottom:var(--space-2)}.feature-item p{color:var(--text-muted)}.feature-item.link-card:hover{border-color:var(--brand-primary);background:#243348;transform:translateY(-2px)}.footer{color:var(--text-muted);display:flex;gap:var(--space-4);align-items:center;border-top:1px solid var(--border-default);margin-top:var(--space-6);padding-top:var(--space-4);font-size:.9rem}.auth-card{width:100%}.auth-card p{color:var(--text-muted);margin-bottom:var(--space-4)}.auth-switch{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2)}.app-layout{min-height:100vh;display:grid;grid-template-columns:270px 1fr;background:var(--bg-app)}.sidebar{background:linear-gradient(180deg,#101a2f,#0f172a);color:var(--text-primary);padding:var(--space-6) var(--space-5);border-right:1px solid var(--border-default);display:flex;flex-direction:column;gap:var(--space-4)}.sidebar .brand-row{margin-bottom:var(--space-2)}.sidebar-user{color:var(--text-muted);font-size:.9rem}.nav-list{display:grid;gap:var(--space-2)}.nav-link{display:block;padding:.65rem .75rem;border-radius:var(--radius-md);color:var(--text-secondary);border:1px solid transparent;transition:background var(--transition-standard),border-color var(--transition-standard),color var(--transition-standard),transform var(--transition-standard)}.nav-link:hover{background:var(--bg-surface-alt);color:var(--text-primary);border-color:#94a3b859}.nav-link.active{background:var(--gradient-highlight);color:var(--color-white);border-color:#5b8cff8c}.content{padding:var(--space-6)}.form-grid{display:grid;gap:var(--space-4)}label{display:grid;gap:var(--space-2);font-weight:600;color:var(--text-secondary)}input,textarea,select{width:100%;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:.7rem .8rem;background:var(--bg-surface-alt);color:var(--text-primary);transition:border-color var(--transition-standard),box-shadow var(--transition-standard),background var(--transition-standard)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand-primary);box-shadow:var(--shadow-focus);background:#243448}textarea{min-height:110px;resize:vertical}.error{color:var(--color-state-error);font-weight:600}.caption{color:var(--text-muted);font-size:.9rem}.card-header-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-2) 0 var(--space-3)}.chip{border:1px solid var(--border-default);background:var(--bg-surface-alt);color:var(--text-secondary);border-radius:var(--radius-pill);padding:.45rem .85rem;cursor:pointer;transition:all var(--transition-standard)}.chip:hover{border-color:#5b8cff8c;color:var(--text-primary)}.chip-active{background:var(--gradient-highlight);border-color:#5b8cff99;color:var(--color-white)}.badge-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.badge{display:inline-flex;align-items:center;border-radius:var(--radius-pill);border:1px solid;padding:.2rem .6rem;font-size:.78rem;font-weight:600}.badge-ai{color:#d8ccff;border-color:#7c4dff8c;background:#7c4dff33}.badge-success{color:#a7f3d0;border-color:#10b9818c;background:#10b98133}.badge-warning{color:#fcd34d;border-color:#f59e0b94;background:#f59e0b33}.badge-beta{color:#bfdbfe;border-color:#5b8cff8c;background:#5b8cff33}.ai-section{margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface-alt)}.ai-section h4{margin-bottom:var(--space-2)}.ai-section ul{margin:var(--space-2) 0 0;padding-left:1.2rem;color:var(--text-secondary)}.code-block{margin-top:var(--space-2);background:#0b1220;border:1px solid rgba(148,163,184,.38);border-radius:var(--radius-lg);padding:var(--space-4);overflow-x:auto;white-space:pre;color:#dbe6ff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.92rem;line-height:1.5}.usage-badge{display:flex;gap:var(--space-3);flex-wrap:wrap;border:1px solid rgba(0,229,168,.32);background:#00e5a817;color:#9af2d8;border-radius:var(--radius-md);padding:.55rem .75rem;font-size:.85rem}.empty-state{border:1px dashed var(--border-default);background:#111827a6;color:var(--text-muted);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}@media (max-width: 1024px){.auth-layout{grid-template-columns:1fr}.auth-card{max-width:560px;justify-self:center}}@media (max-width: 900px){.app-layout{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10;padding:var(--space-4)}.content{padding:var(--space-4)}}