:root{--bg:#f6f7fc;--bg-elev:#ffffff;--bg-elev-2:#f1f3fa;--border:#e5e8f1;--border-strong:#d5d9e7;--text:#0b1220;--text-dim:#5b6478;--text-faint:#8a92a5;--accent:#8a2bf2;--accent-ink:#ffffff;--accent-2:#1e6fff;--danger:#dc2626;--ok:#16a34a;--warning:#d97706;--grad:linear-gradient(135deg,#8a2bf2,#1e6fff);--shadow:0 12px 34px rgba(20,27,50,0.08);--radius:18px;--radius-sm:12px;--maxw:1120px;--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}body,html{padding:0;margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.page-stack{display:flex;flex-direction:column;gap:26px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.page-head.row{align-items:center}.dashboard-hero h1,.page-head h1{font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-.045em;margin:7px 0 0}.dashboard-hero p,.page-head>p{color:var(--text-dim);max-width:570px;margin:0}.eyebrow-app{display:inline-flex;padding:6px 11px;border-radius:999px;background:rgba(138,43,242,.09);color:#7122cb;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800}.eyebrow-app.light{background:rgba(255,255,255,.15);color:#fff}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:850;font-size:22px;letter-spacing:-.04em}.brand svg{width:36px;height:36px;flex:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#fff;border-right:1px solid var(--border);padding:22px 16px 16px;display:flex;flex-direction:column;z-index:50}.sidebar-brand{padding:0 12px 24px}.sidebar-nav{display:flex;flex-direction:column;gap:5px}.sidebar-link{width:100%;min-height:44px;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;color:var(--text-dim);border:0;background:transparent;font-size:14px;font-weight:650;cursor:pointer;text-align:left;transition:.2s}.sidebar-link span{width:21px;text-align:center;color:#777f93;font-size:18px}.sidebar-link:hover{color:var(--text);background:#f5f2ff}.sidebar-link.sidebar-primary{color:#fff;background:var(--grad);box-shadow:0 10px 24px -12px rgba(99,51,220,.7);margin:8px 0}.sidebar-link.sidebar-primary span{color:#fff}.sidebar-bottom{margin-top:auto;gap:10px}.sidebar-bottom,.usage-card{display:flex;flex-direction:column}.usage-card{gap:5px;border:1px solid #e0d7fb;background:#f8f5ff;padding:13px;border-radius:13px}.usage-plan{color:var(--accent);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.usage-card strong{font-size:13px}.usage-card small{font-size:10px;color:var(--text-faint)}.usage-track{height:5px;background:#e5ddf7;border-radius:999px;overflow:hidden}.usage-track i{display:block;height:100%;background:var(--grad);border-radius:inherit}.user-card{display:flex;align-items:center;gap:10px;border-top:1px solid var(--border);padding:13px 4px 3px;min-width:0}.user-card>span:last-child{min-width:0;display:flex;flex-direction:column}.user-card small,.user-card strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card strong{font-size:13px}.user-card small{color:var(--text-faint);font-size:11px}.avatar-initial{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;background:var(--grad);font-weight:800;flex:none}.sidebar-logout{font-size:12px;min-height:36px;padding-top:5px;padding-bottom:5px}.app-content{grid-column:2;min-width:0}.app-main{width:min(1240px,100%);margin:0 auto;padding:42px 38px 80px}.mobile-header,.mobile-nav{display:none}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 17px;border-radius:12px;border:1px solid var(--border-strong);background:#fff;color:var(--text);cursor:pointer;font-size:14px;font-weight:750;transition:.2s}.btn:hover{transform:translateY(-1px);border-color:#bcc2d3;box-shadow:0 8px 20px rgba(20,27,50,.08)}.btn-primary{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 12px 26px -13px rgba(90,46,221,.75)}.btn-ghost{background:#fff}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-sm{min-height:34px;padding:7px 11px;font-size:12px;border-radius:9px}.btn-lg{min-height:50px;padding:13px 22px;font-size:15px}.btn-block{width:100%}.card,.panel-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:0 8px 28px rgba(25,31,55,.045)}.card+.card{margin-top:16px}.grid{display:grid;grid-gap:14px;gap:14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tag{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border);border-radius:999px;padding:4px 9px;background:var(--bg-elev-2)}.tag.accent{color:var(--accent);border-color:#ddcdf9;background:#f7f2ff}label.field{display:block;margin-bottom:15px}.settings-grid label span,label.field .lbl{display:block;font-size:12px;color:var(--text-dim);margin-bottom:6px;font-weight:750}input.inp,select.inp,textarea.inp{width:100%;background:#fbfbfd;color:var(--text);border:1px solid var(--border-strong);border-radius:11px;padding:11px 12px;font-size:14px;resize:vertical}input.inp:focus,select.inp:focus,textarea.inp:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(138,43,242,.09);background:#fff}.form-error{padding:11px 13px;margin:0 0 14px;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;background:#fef2f2;font-size:13px}.dashboard-hero{min-height:170px;border-radius:25px;padding:34px;background:linear-gradient(120deg,#131129,#392070 58%,#1e6fff);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden}.dashboard-hero:after{content:"";position:absolute;right:-80px;top:-130px;width:360px;height:360px;border-radius:50%;border:70px solid rgba(255,255,255,.07)}.dashboard-hero>*{position:relative;z-index:1}.dashboard-hero p{color:rgba(255,255,255,.72);margin-top:9px}.dashboard-hero .btn{background:#fff;color:#5420b0;border:0;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.metric-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px;display:flex;align-items:center;gap:13px;box-shadow:0 6px 20px rgba(25,31,55,.04)}.metric-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:18px;flex:none}.metric-icon.violet{background:#f1e8ff;color:#7b23dc}.metric-icon.blue{background:#e8f1ff;color:#1764e6}.metric-icon.green{background:#e7f8ed;color:#159447}.metric-icon.amber{background:#fff4dd;color:#d17a00}.metric-card div{display:flex;flex-direction:column;min-width:0}.metric-card small{color:var(--text-faint);font-size:11px;font-weight:650}.metric-card strong{font-size:25px;line-height:1.2;letter-spacing:-.04em}.metric-card strong em{font-style:normal;color:var(--text-faint);font-size:13px;letter-spacing:0}.metric-card .metric-plan{font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.8fr);grid-gap:16px;gap:16px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-head h2{margin:0;font-size:18px;letter-spacing:-.02em}.panel-head p{margin:3px 0 0;color:var(--text-faint);font-size:12px}.panel-head a{color:var(--accent);font-size:12px;font-weight:750}.project-list{border-top:1px solid var(--border)}.project-row{display:flex;align-items:center;gap:13px;padding:13px 3px;border-bottom:1px solid var(--border);transition:.2s}.project-row:hover{padding-left:7px}.project-thumb{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#f1e8ff,#e5efff);font-size:19px;flex:none}.project-thumb.large{width:58px;height:58px;font-size:25px}.project-info{display:flex;flex-direction:column;min-width:0;flex:1 1}.project-info strong{font-size:13px}.project-info small{color:var(--text-faint);font-size:11px;text-transform:capitalize}.row-arrow{color:var(--text-faint);font-size:22px}.status-pill{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:4px 9px;border-radius:999px;background:#eef1f6;color:#667085;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.status-pill.active,.status-pill.done,.status-pill.paid{color:#16753b;background:#e8f8ee}.status-pill.review,.status-pill.running,.status-pill.trial{color:#6f27c4;background:#f2eaff}.status-pill.error,.status-pill.expired,.status-pill.failed{color:#b42318;background:#fef0ef}.status-pill.past_due,.status-pill.pending{color:#9a5b00;background:#fff4d9}.quick-card{background:linear-gradient(160deg,#fff,#f7f2ff);display:flex;flex-direction:column;justify-content:center}.quick-card .spark{font-size:32px;color:var(--accent)}.quick-card h2{margin:9px 0 4px}.quick-card p{color:var(--text-dim);font-size:13px;margin:0 0 22px}.empty-state{text-align:center;padding:36px 20px}.empty-state>span{display:block;font-size:34px}.empty-state h2,.empty-state h3{margin:9px 0 3px}.empty-state p{color:var(--text-dim);max-width:480px;margin:0 auto 18px;font-size:13px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.project-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px;transition:.25s}.project-card:hover{transform:translateY(-3px);border-color:#d8c5f8;box-shadow:var(--shadow)}.project-card-top{display:flex;align-items:flex-start;justify-content:space-between}.project-card h2{margin:17px 0 4px;font-size:17px}.project-card p{margin:0;color:var(--text-dim);font-size:12px;min-height:38px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.project-meta{display:flex;gap:8px;margin-top:17px}.project-meta span{padding:5px 8px;border-radius:8px;background:var(--bg-elev-2);color:var(--text-faint);font-size:10px;font-weight:700}.stepper{margin:3px 0 20px;flex-wrap:wrap}.step,.stepper{display:flex;gap:8px;align-items:center}.step{color:var(--text-faint);font-size:12px;font-weight:700}.step .num{width:24px;height:24px;border-radius:50%;border:1px solid var(--border-strong);display:grid;place-items:center;font-size:11px}.step.active{color:var(--text)}.step.active .num{background:var(--grad);color:#fff;border-color:transparent}.step.done .num{background:#f0e8fd;color:var(--accent);border-color:#ddcdf9}.step .bar{width:26px;height:1px;background:var(--border-strong)}.option{border:1px solid var(--border-strong);border-radius:14px;padding:16px;cursor:pointer;transition:.15s;background:#fff}.option:hover{border-color:#bea4ea}.option.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;background:#fdfbff}.option h4{margin:0 0 6px;font-size:15px}.option p{margin:0;color:var(--text-dim);font-size:13px}.promptblock{border:1px solid var(--border);border-radius:13px;overflow:hidden;margin-bottom:12px;background:#fff}.promptblock .ph{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--border);background:var(--bg-elev-2)}.promptblock .ph .name{font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--text-dim)}.promptblock pre{margin:0;padding:13px;font-family:var(--mono);font-size:12px;color:var(--text);white-space:pre-wrap;word-break:break-word;line-height:1.55}.kv{display:grid;grid-template-columns:120px 1fr;grid-gap:7px 12px;gap:7px 12px;font-size:13px}.kv .k{font-weight:700}.kv .k,.section-title{color:var(--text-faint)}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin:26px 0 11px}.hr{height:1px;background:var(--border);border:0;margin:22px 0}.pill-mock{font-size:10px;color:#fff;background:var(--accent);border-radius:999px;padding:2px 8px;font-weight:800}.clip-card{border:1px solid var(--border);border-radius:14px;padding:16px;background:#fff;margin-bottom:14px}.clip-card .clip-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.clip-card .clip-head .idx{width:27px;height:27px;border-radius:8px;background:#f1e9ff;color:var(--accent);display:grid;place-items:center;font-size:12px;font-weight:800}.current-plan-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px;border-radius:20px;background:linear-gradient(130deg,#17132f,#442080);color:#fff}.current-plan-card small{color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.current-plan-card h2{margin:4px 0;display:flex;gap:9px;align-items:center}.current-plan-card p{color:rgba(255,255,255,.7);margin:0;font-size:12px}.usage-ring{width:92px;height:92px;border-radius:50%;background:conic-gradient(#8f6bff var(--progress),rgba(255,255,255,.12) 0);display:grid;place-content:center;text-align:center;position:relative;flex:none}.usage-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#2d185a}.usage-ring small,.usage-ring strong{z-index:1}.usage-ring strong{font-size:22px;line-height:1}.usage-ring small{text-transform:none;letter-spacing:0;font-size:9px}.cancel-wrap{margin-top:12px;display:flex;align-items:center;gap:9px}.cancel-wrap .btn{min-height:30px;color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.06)}.cancel-wrap small{text-transform:none;letter-spacing:0;color:#fda4af}.cancel-note{display:inline-block;margin-top:10px;text-transform:none!important;letter-spacing:0!important}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 0 23px;color:var(--text-faint);font-size:13px;font-weight:700}.billing-toggle span.active{color:var(--text)}.billing-toggle span b{color:var(--ok)}.billing-toggle button{width:46px;height:26px;border:0;border-radius:999px;background:#d9dce5;padding:3px;cursor:pointer}.billing-toggle button i{display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.15);transition:.2s}.billing-toggle button.on{background:var(--accent)}.billing-toggle button.on i{transform:translateX(20px)}.billing-error{max-width:640px;margin:0 auto 15px}.billing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:15px;gap:15px}.billing-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:23px;position:relative;display:flex;flex-direction:column}.billing-card.popular{border:2px solid var(--accent);transform:translateY(-5px);box-shadow:0 18px 40px rgba(106,51,205,.14)}.popular-label{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--grad);color:#fff;border-radius:999px;padding:5px 12px;font-size:9px;font-weight:800;text-transform:uppercase;white-space:nowrap}.billing-card h2{margin:0}.billing-card>p{margin:5px 0 17px;color:var(--text-dim);font-size:12px;min-height:36px}.billing-price{display:flex;align-items:flex-end;gap:5px}.billing-price strong{font-size:32px;letter-spacing:-.05em}.billing-card>small,.billing-price span{color:var(--text-faint);font-size:11px}.billing-card ul{padding:0;margin:20px 0;list-style:none;flex:1 1}.billing-card li{color:var(--text-dim);font-size:12px;padding:5px 0}.billing-card li:first-letter{color:var(--accent)}.notice{border-radius:12px;padding:12px 14px;font-size:13px;border:1px solid}.notice.success{background:#eefbf3;border-color:#bce9cb;color:#13743b}.notice.warning{background:#fff8e8;border-color:#f6d996;color:#8a5200}.notice.error{background:#fef1f0;border-color:#fac8c5;color:#a82b23}.simple-table{display:flex;flex-direction:column}.table-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;grid-gap:20px;gap:20px;padding:12px 2px;border-top:1px solid var(--border);font-size:12px}.table-row>span:first-child{display:flex;flex-direction:column}.table-row small{color:var(--text-faint)}.settings-card{display:grid;grid-template-columns:90px 1fr;grid-gap:22px;gap:22px}.settings-avatar{width:80px;height:80px;border-radius:24px;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:850}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:15px;gap:15px}.settings-card>p{grid-column:2;font-size:12px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr)}.auth-aside{padding:42px clamp(35px,6vw,90px);background:radial-gradient(circle at 20% 5%,rgba(108,73,221,.75),transparent 36%),linear-gradient(145deg,#0d1021,#21134a 55%,#1450af);color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;position:relative;overflow:hidden}.auth-aside:after{content:"";position:absolute;width:450px;height:450px;border:90px solid rgba(255,255,255,.045);border-radius:50%;right:-220px;bottom:-170px}.auth-aside>*{position:relative;z-index:1}.auth-aside .brand svg{width:42px;height:42px}.auth-aside h1{font-size:clamp(37px,5vw,62px);max-width:650px;line-height:1.02;letter-spacing:-.055em;margin:18px 0}.auth-aside p{color:rgba(255,255,255,.68);max-width:520px;font-size:16px}.auth-aside ul{display:flex;gap:18px;padding:0;margin:26px 0 0;list-style:none;color:rgba(255,255,255,.82);font-size:12px;font-weight:700;flex-wrap:wrap}.auth-home-link{color:rgba(255,255,255,.65);font-size:12px}.auth-panel{display:grid;place-items:center;padding:38px}.auth-card{width:min(430px,100%)}.auth-card h1{font-size:36px;letter-spacing:-.045em;margin:10px 0 2px}.auth-card>p{margin:0 0 28px;color:var(--text-dim)}.auth-form{background:#fff;border:1px solid var(--border);border-radius:20px;padding:25px;box-shadow:var(--shadow)}.auth-switch{text-align:center;font-size:12px;color:var(--text-dim);margin:17px 0 0}.auth-legal a,.auth-switch a{color:var(--accent);font-weight:750}.auth-legal{display:block;text-align:center;color:var(--text-faint);font-size:10px;margin-top:10px}.legal-page{min-height:100vh;padding:40px 24px 80px}.legal-wrap{max-width:780px;margin:0 auto}.legal-wrap .brand{margin-bottom:48px}.legal-wrap h1{font-size:42px;letter-spacing:-.04em}.legal-wrap h2{margin-top:30px}.legal-wrap li,.legal-wrap p{color:var(--text-dim)}@media (max-width:1050px){.metric-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-grid{grid-template-columns:1fr;max-width:620px;margin:0 auto}.billing-card.popular{transform:none}}@media (max-width:820px){.app-shell{display:block}.sidebar{display:none}.app-content{min-height:100vh}.app-main{padding:26px 16px 95px}.mobile-header{height:64px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:40}.mobile-header .brand svg{width:32px;height:32px}.mobile-nav{position:fixed;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:10px;height:64px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 14px 40px rgba(20,27,50,.16);padding:6px}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-faint);font-size:17px}.mobile-nav a span{font-size:8px;font-weight:750}.mobile-nav .mobile-create{color:#fff;background:var(--grad);border-radius:13px}.dashboard-grid{grid-template-columns:1fr}.page-head{display:block}.page-head>p{margin-top:8px}.page-head.row{display:flex;align-items:flex-end}.auth-shell{display:block}.auth-aside{min-height:auto;padding:28px 24px}.auth-aside>div,.auth-home-link{display:none}.auth-panel{min-height:calc(100vh - 98px);padding:28px 18px}}@media (max-width:620px){.grid-2,.grid-3,.project-grid,.settings-grid{grid-template-columns:1fr}.metric-grid{gap:9px}.metric-card{padding:13px}.metric-icon{width:36px;height:36px}.metric-card strong{font-size:20px}.metric-card .metric-plan{font-size:15px}.dashboard-hero{padding:26px 22px;min-height:220px;display:block}.dashboard-hero .btn{margin-top:20px}.dashboard-hero h1,.page-head h1{font-size:31px}.page-head.row{display:block}.page-head.row .btn{margin-top:15px}.project-row .status-pill{display:none}.project-info small{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kv{grid-template-columns:1fr}.kv .k{margin-top:6px}.clip-card .kv{grid-template-columns:1fr!important}.stepper .bar{width:10px}.step{font-size:10px}.step .num{width:21px;height:21px}.current-plan-card{align-items:flex-start}.usage-ring{width:76px;height:76px}.billing-card{padding:20px}.settings-card{grid-template-columns:1fr}.settings-card>p{grid-column:1}.table-row{gap:10px}.auth-card h1{font-size:31px}.auth-form{padding:20px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}