:root{--surface-0:#06060b;--surface-1:#0c0c14;--surface-2:#12121c;--surface-3:#1a1a26;--surface-4:#222230;--border-subtle:hsla(0,0%,100%,.06);--border-default:hsla(0,0%,100%,.1);--border-strong:hsla(0,0%,100%,.16);--border-accent:rgba(124,109,250,.25);--text-primary:#f0f0f8;--text-secondary:#8b8ba8;--text-tertiary:#5c5c78;--text-inverse:#06060b;--accent:#7c6dfa;--accent-hover:#6a5be0;--accent-subtle:rgba(124,109,250,.1);--accent-border:rgba(124,109,250,.25);--accent-glow:rgba(124,109,250,.15);--success:#34d399;--success-subtle:rgba(52,211,153,.1);--warning:#fbbf24;--warning-subtle:rgba(251,191,36,.1);--danger:#f87171;--danger-subtle:hsla(0,91%,71%,.1);--info:#60a5fa;--info-subtle:rgba(96,165,250,.1);--gradient-brand:linear-gradient(135deg,#7c6dfa,#34d399);--gradient-hero:linear-gradient(135deg,#7c6dfa,#60a5fa,#34d399);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--font-mono:"JetBrains Mono","DM Mono",monospace;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px;--text-4xl:36px;--text-display:48px;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.25);--shadow-lg:0 8px 24px rgba(0,0,0,.3);--shadow-glow:0 0 20px rgba(124,109,250,.15);--ease-default:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--dur-fast:150ms;--dur-normal:200ms;--dur-slow:300ms}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--surface-0);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none;transition:color var(--dur-fast) var(--ease-default)}a:hover{color:var(--accent-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:var(--text-3xl);letter-spacing:-.5px}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg);font-weight:600}.text-display{font-family:var(--font-display);font-size:var(--text-display);font-weight:800;letter-spacing:-1.5px;line-height:1.08}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-mono{font-family:var(--font-mono)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.input{width:100%;background:var(--surface-3);border:1px solid var(--border-default);color:var(--text-primary);font-size:var(--text-base);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);outline:none;font-family:var(--font-body);transition:border-color var(--dur-fast) var(--ease-default),box-shadow var(--dur-fast) var(--ease-default)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle)}.input::placeholder{color:var(--text-tertiary)}.input:disabled{opacity:.4;cursor:not-allowed}.label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--sp-2)}textarea.input{resize:vertical;min-height:80px;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);border:none;cursor:pointer;transition:all var(--dur-fast) var(--ease-default);white-space:nowrap;line-height:1.4}.btn,.btn:hover{text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-glow)}.btn-outline{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary)}.btn-outline:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--surface-2)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#e85050}.btn-success{background:var(--success);color:var(--text-inverse)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:var(--sp-2) var(--sp-3)}.btn-ghost:hover{color:var(--text-primary);background:var(--surface-3)}.btn-sm{padding:var(--sp-1) var(--sp-3);font-size:var(--text-xs)}.btn-lg{padding:var(--sp-4) var(--sp-8);font-size:var(--text-md)}.btn-icon{padding:var(--sp-2);width:36px;height:36px}.card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--sp-5);transition:border-color var(--dur-normal) var(--ease-default),transform var(--dur-normal) var(--ease-default),box-shadow var(--dur-normal) var(--ease-default)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-accent,.card-hover:hover{border-color:var(--accent-border)}.card-accent{background:linear-gradient(135deg,var(--accent-subtle),transparent)}.container{max-width:1200px;margin:0 auto;padding:0 var(--sp-5)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 20%,rgba(124,109,250,.08) 0,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(52,211,153,.05) 0,transparent 50%),var(--surface-0)}.auth-card{width:100%;max-width:420px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--sp-10)}.auth-logo{font-weight:800;font-size:var(--text-2xl);margin-bottom:var(--sp-6)}.auth-logo,.auth-title{font-family:var(--font-display);text-align:center}.auth-title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--sp-2)}.auth-sub{font-size:var(--text-sm);color:var(--text-tertiary);text-align:center;margin-bottom:var(--sp-6)}.auth-error,.auth-field{margin-bottom:var(--sp-4)}.auth-error{background:var(--danger-subtle);border:1px solid hsla(0,91%,71%,.2);color:var(--danger);font-size:var(--text-sm);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm)}.auth-footer{text-align:center;margin-top:var(--sp-5);font-size:var(--text-sm);color:var(--text-tertiary)}.dash-nav{height:56px;display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-5);background:var(--surface-1);border-bottom:1px solid var(--border-subtle);position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dash-logo{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);cursor:pointer}.dash-links{display:flex;gap:var(--sp-1);margin-left:var(--sp-4)}.dash-link{padding:var(--sp-2) var(--sp-3);font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);border-radius:var(--radius-sm);transition:all var(--dur-fast) var(--ease-default);text-decoration:none}.dash-link:hover{color:var(--text-primary);background:var(--surface-2);text-decoration:none}.dash-link.active{color:var(--accent);background:var(--accent-subtle)}.dash-spacer{flex:1 1}.dash-user{font-size:var(--text-xs);color:var(--text-secondary);font-weight:600}.dash-badge{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px var(--sp-2);border-radius:var(--radius-full)}.dash-badge.free{background:rgba(139,139,168,.12);color:var(--text-secondary)}.dash-badge.pro{background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-border)}.dash-body{padding:var(--sp-6) var(--sp-5);max-width:1200px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--sp-3);gap:var(--sp-3);margin-bottom:var(--sp-6)}.stat-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--sp-4)}.stat-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);margin-bottom:var(--sp-1)}.stat-value{font-size:var(--text-3xl);font-weight:800;font-family:var(--font-display)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--sp-4);gap:var(--sp-4)}.project-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--sp-5);cursor:pointer;transition:all var(--dur-normal) var(--ease-default)}.project-card:hover{border-color:var(--accent-border);transform:translateY(-2px);box-shadow:var(--shadow-md)}.project-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-md);margin-bottom:var(--sp-1)}.project-meta{font-size:var(--text-xs);color:var(--text-tertiary);display:flex;gap:var(--sp-3);margin-bottom:var(--sp-3)}.project-status{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px var(--sp-2);border-radius:var(--radius-sm)}.project-status.draft{background:rgba(139,139,168,.08);color:var(--text-secondary)}.project-status.generated{background:var(--success-subtle);color:var(--success)}.project-actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-3)}.project-btn{padding:var(--sp-1) var(--sp-3);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--dur-fast) var(--ease-default);font-family:var(--font-body)}.project-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--surface-2)}.project-btn.danger:hover{color:var(--danger);border-color:var(--danger)}.usage-bar-wrap{margin-bottom:var(--sp-6)}.usage-info{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--sp-2)}.usage-bar{height:6px;background:var(--surface-3);overflow:hidden}.usage-bar,.usage-fill{border-radius:var(--radius-full)}.usage-fill{height:100%;background:var(--gradient-brand);transition:width var(--dur-slow) var(--ease-default)}.usage-fill.full{background:linear-gradient(90deg,var(--danger),#ff8a65)}.upgrade-banner{background:linear-gradient(135deg,var(--accent-subtle),rgba(52,211,153,.04));border:1px solid var(--accent-border);border-radius:var(--radius-md);padding:var(--sp-5);display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-6)}.upgrade-text{flex:1 1}.upgrade-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);margin-bottom:var(--sp-1)}.upgrade-desc{font-size:var(--text-sm);color:var(--text-secondary)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}th{text-align:left;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);background:var(--surface-2)}td,th{padding:var(--sp-3);border-bottom:1px solid var(--border-subtle)}td{color:var(--text-secondary)}tr:hover td{background:rgba(124,109,250,.02)}.tabs{display:flex;border-bottom:1px solid var(--border-subtle);margin-bottom:var(--sp-5);gap:var(--sp-1)}.tab{padding:var(--sp-3) var(--sp-5);font-size:var(--text-sm);font-weight:600;color:var(--text-tertiary);cursor:pointer;transition:all var(--dur-fast) var(--ease-default);background:none;border:none;border-bottom:2px solid transparent;font-family:var(--font-body)}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--dur-fast) var(--ease-default)}.modal{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--sp-8);width:100%;max-width:460px;max-height:90vh;overflow-y:auto;animation:slideUp var(--dur-slow) var(--ease-spring)}.modal h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--sp-4)}.spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.15);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.spinner-accent{border-top-color:var(--accent);border-color:var(--accent-subtle)}.toast{position:fixed;top:var(--sp-5);right:var(--sp-5);background:var(--surface-2);border:1px solid var(--border-default);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;box-shadow:var(--shadow-lg);z-index:2000;animation:slideInRight var(--dur-slow) var(--ease-spring)}.toast-success{border-color:rgba(52,211,153,.3);color:var(--success)}.toast-error{border-color:hsla(0,91%,71%,.3);color:var(--danger)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:2px var(--sp-2);border-radius:var(--radius-sm)}.badge-accent{background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-border)}.badge-success{background:var(--success-subtle);color:var(--success)}.badge-warning{background:var(--warning-subtle);color:var(--warning)}.badge-danger{background:var(--danger-subtle);color:var(--danger)}.progress-bar{height:4px;background:var(--surface-3);overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{height:100%;background:var(--gradient-brand);transition:width var(--dur-slow) var(--ease-default)}.progress-steps{display:flex;gap:var(--sp-4);margin-bottom:var(--sp-4)}.progress-step{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:var(--text-tertiary)}.progress-step.active{color:var(--accent)}.progress-step.done{color:var(--success)}.progress-dot{width:8px;height:8px;border-radius:50%;background:var(--surface-4);flex-shrink:0;transition:all var(--dur-fast) var(--ease-default)}.progress-step.active .progress-dot{background:var(--accent);box-shadow:0 0 8px var(--accent-glow);animation:pulse 2s infinite}.progress-step.done .progress-dot{background:var(--success)}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.icon-wrap{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border-subtle);color:var(--text-secondary);flex-shrink:0}.icon-wrap svg{width:18px;height:18px}.icon-wrap.accent{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent-border)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.anim-fade-in{animation:fadeIn var(--dur-normal) var(--ease-default)}.anim-slide-up{animation:slideUp var(--dur-slow) var(--ease-spring)}.anim-scale-in{animation:scaleIn var(--dur-slow) var(--ease-spring)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@media (max-width:768px){.dash-links{display:none}.stats-grid{grid-template-columns:1fr 1fr}.projects-grid{grid-template-columns:1fr}.auth-card{margin:var(--sp-4);padding:var(--sp-6)}.upgrade-banner{flex-direction:column;text-align:center}.container{padding:0 var(--sp-4)}}.legal h2{font-size:var(--text-xl);margin:var(--sp-8) 0 var(--sp-3)}.legal h3{font-size:var(--text-md);font-weight:600;margin:var(--sp-5) 0 var(--sp-2)}.legal p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.8;margin-bottom:var(--sp-3)}.legal ul{margin:var(--sp-2) 0 var(--sp-4) var(--sp-5)}.legal li{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.8;margin-bottom:var(--sp-1)}:root{--bg:var(--surface-0);--s1:var(--surface-1);--s2:var(--surface-2);--s3:var(--surface-3);--s4:var(--surface-4);--b1:var(--border-subtle);--b2:var(--border-default);--b3:var(--border-strong);--acc:var(--accent);--acc2:#fa6d7c;--acc3:var(--success);--acc4:var(--warning);--tx:var(--text-primary);--mu:var(--text-tertiary);--mu2:var(--text-secondary);--sans:var(--font-display);--body:var(--font-body);--mono:var(--font-mono)}