:root{--canvas:#f8fafc;--canvas-subtle:#f1f5f9;--canvas-muted:#e2e8f0;--panel:#fff;--panel-elevated:#fff;--panel-glass:#ffffffd9;--paper:var(--canvas);--paper-deep:var(--canvas-subtle);--ink:#0f172a;--ink-secondary:#334155;--ink-muted:#64748b;--ink-faint:#94a3b8;--border-subtle:#f1f5f9;--border:#e2e8f0;--border-strong:#cbd5e1;--border-focus:#6366f1;--accent:#4f46e5;--accent-light:#6366f1;--accent-hover:#4338ca;--accent-soft:#eef2ff;--accent-border:#c7d2fe;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #4f46e5 50%, #4338ca 100%);--accent-glow:#6366f140;--teal:#0d9488;--teal-soft:#ccfbf1;--teal-hover:#0f766e;--gold:#f59e0b;--gold-soft:#fef3c7;--gold-border:#fde68a;--gold-ink:#b45309;--emerald:#10b981;--emerald-soft:#d1fae5;--emerald-hover:#059669;--danger:#ef4444;--danger-hover:#dc2626;--danger-soft:#fee2e2;--danger-border:#fca5a5;--font-sans:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Plus Jakarta Sans", "Inter", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-xs:6px;--radius-sm:8px;--radius:12px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0f172a0a;--shadow-sm:0 1px 3px 0 #0f172a0f, 0 1px 2px -1px #0f172a0f;--shadow-md:0 4px 8px -2px #0f172a0f, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 12px 20px -4px #0f172a14, 0 4px 6px -2px #0f172a08;--shadow-xl:0 20px 30px -6px #0f172a1a, 0 8px 10px -4px #0f172a0a;--shadow-panel:var(--shadow-sm);--shadow-card:0 1px 3px #0f172a0a, 0 6px 16px #0f172a0a;--shadow-card-hover:0 12px 28px -6px #6366f11f, 0 4px 10px -2px #0f172a0d;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.35s cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--canvas);font:15px/1.55 var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--canvas);min-height:100svh;color:var(--ink);background-image:radial-gradient(at 0 0,#6366f108 0,#0000 50%),radial-gradient(at 100% 0,#0d948808 0,#0000 50%);background-attachment:fixed;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--ink);margin:0 0 var(--space-4);letter-spacing:-.02em;font-weight:700;line-height:1.25}h1{letter-spacing:-.03em;font-size:32px;font-weight:800}h2{letter-spacing:-.02em;font-size:24px;font-weight:700}h3{font-size:18px;font-weight:700}p{margin:0 0 var(--space-4);line-height:1.6}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}.page{max-width:820px;padding:var(--space-8) var(--space-6) var(--space-16);margin:0 auto}.page--wide{max-width:1180px}.container{max-width:1200px;padding:0 var(--space-6);margin:0 auto}.page-header{z-index:50;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-8);border-bottom:1px solid var(--border);background:var(--panel-glass);-webkit-backdrop-filter:blur(16px);transition:all var(--transition-fast);display:flex;position:sticky;top:0}.page-header__brand{align-items:center;gap:var(--space-3);font-family:var(--font-serif);color:var(--ink);letter-spacing:-.02em;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex}.page-header__logo-badge{background:var(--accent-gradient);color:#fff;width:34px;height:34px;box-shadow:0 4px 10px var(--accent-glow);transition:transform var(--transition-bounce);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.page-header__brand:hover .page-header__logo-badge{transform:scale(1.06)}.page-header__tag{text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);padding:2px 7px;font-size:11px;font-weight:700}.page-header__nav{align-items:center;gap:var(--space-3);font-size:14px;display:flex}.page-header__links{align-items:center;gap:var(--space-1);margin-right:var(--space-2);display:flex}.page-header__link{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);color:var(--ink-muted);transition:all var(--transition-fast);padding:6px 12px;font-weight:600;text-decoration:none;display:inline-flex}.page-header__link:hover{color:var(--ink);background:var(--canvas-subtle)}.page-header__link.router-link-active{color:var(--accent);background:var(--accent-soft)}.page-header__balance{border:1px solid var(--border);border-radius:var(--radius-full);font-variant-numeric:tabular-nums;color:var(--ink);box-shadow:var(--shadow-xs);transition:all var(--transition-fast);background:#fff;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.page-header__balance:hover{border-color:var(--accent-border);color:var(--accent);box-shadow:0 2px 8px var(--accent-glow)}.page-header__user-pill{border-radius:var(--radius-full);background:var(--canvas-subtle);border:1px solid var(--border);color:var(--ink-secondary);align-items:center;gap:8px;padding:4px 10px 4px 5px;font-size:13px;display:inline-flex}.page-header__avatar{background:var(--accent-soft);width:26px;height:26px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.page-header__logout{color:var(--ink-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:500;display:inline-flex}.page-header__logout:hover{color:var(--danger);background:var(--danger-soft)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6);transition:box-shadow var(--transition-base), border-color var(--transition-base)}.card-interactive{cursor:pointer;transition:all var(--transition-base)}.card-interactive:hover{border-color:var(--accent-border);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack--tight{gap:var(--space-2)}.stack--loose{gap:var(--space-6)}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.grid-4{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-xs);align-items:center;gap:var(--space-4);transition:all var(--transition-fast);display:flex}.stat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.stat-card__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-card__label{color:var(--ink-muted);margin-bottom:2px;font-size:13px;font-weight:600}.stat-card__value{color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;line-height:1.1}label{color:var(--ink-secondary);margin:var(--space-4) 0 var(--space-1);letter-spacing:-.01em;font-size:13px;font-weight:600;display:block}label:first-child{margin-top:0}input[type=text],input[type=email],input[type=tel],input[type=number],input[type=time],textarea,select{width:100%;font:inherit;color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);background:#fff;outline:none;padding:10px 14px;font-size:14px}input::placeholder,textarea::placeholder{color:var(--ink-faint)}input:hover,textarea:hover,select:hover{border-color:var(--ink-muted)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), 0 1px 2px #0f172a0d}textarea{resize:vertical;min-height:100px;line-height:1.5}fieldset{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);margin:var(--space-5) 0 0;box-shadow:var(--shadow-xs);background:#fff}fieldset:first-child{margin-top:0}legend{font-family:var(--font-serif);color:var(--ink);padding:0 var(--space-2);font-size:15px;font-weight:700}fieldset label{align-items:center;gap:var(--space-2);color:var(--ink);margin:var(--space-2) 0;cursor:pointer;font-weight:500;display:flex}fieldset input[type=radio],fieldset input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}button{font:inherit;cursor:pointer;border-radius:var(--radius-sm);background:var(--accent-gradient);color:#fff;box-shadow:0 1px 2px #0f172a14, 0 2px 6px var(--accent-glow);transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:600;display:inline-flex}button:hover{box-shadow:0 4px 12px var(--accent-glow);background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{background:var(--canvas-muted);color:var(--ink-faint);cursor:not-allowed;box-shadow:none;border-color:#0000;transform:none}button[type=button]{color:var(--ink-secondary);border-color:var(--border-strong);box-shadow:var(--shadow-xs);background:#fff}button[type=button]:hover{background:var(--canvas-subtle);border-color:var(--border-strong);color:var(--ink);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.link-button{color:var(--ink-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);transition:all var(--transition-fast);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.link-button:hover{background:var(--canvas-subtle);color:var(--ink);border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.link-button--primary{background:var(--accent-gradient);color:#fff;box-shadow:0 1px 2px #0f172a14, 0 3px 8px var(--accent-glow);border-color:#0000}.link-button--primary:hover{color:#fff;box-shadow:0 4px 14px var(--accent-glow);background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-1px)}.link-button--subtle{box-shadow:none;color:var(--ink-muted);background:0 0;border-color:#0000}.link-button--subtle:hover{background:var(--canvas-subtle);color:var(--ink)}[role=alert]{background:var(--danger-soft);color:var(--danger-hover);border:1px solid var(--danger-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:var(--space-4) 0 0;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.status{color:var(--ink-muted);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.status:before{content:"";background:var(--ink-faint);border-radius:50%;flex-shrink:0;width:8px;height:8px}.status--published{color:#059669}.status--published:before{background:var(--emerald);box-shadow:0 0 8px #10b98199}.status--draft{color:#d97706}.status--draft:before{background:var(--gold)}.status--paused{color:var(--ink-muted)}.status--paused:before{background:var(--ink-faint)}.entry{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);background:var(--panel);box-shadow:var(--shadow-card);transition:all var(--transition-fast)}.entry:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.entry+.entry{margin-top:var(--space-4)}.entry__title{font-family:var(--font-serif);color:var(--ink);align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.entry__meta{color:var(--ink-muted);margin-top:2px;font-size:13.5px}.entry__actions{gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.hero{gap:var(--space-12);padding:var(--space-16) 0 var(--space-12);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;display:grid}.hero__eyebrow{border-radius:var(--radius-full);color:var(--accent);margin-bottom:var(--space-4);letter-spacing:-.01em;background:#6366f114;border:1px solid #6366f133;align-items:center;gap:8px;padding:5px 14px;font-size:13px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-.03em;margin-bottom:var(--space-4);font-size:44px;line-height:1.12}.hero h1 .text-gradient{background:linear-gradient(135deg,#4f46e5 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero__lede{color:var(--ink-secondary);max-width:52ch;margin-bottom:var(--space-6);font-size:17px;line-height:1.6}.hero__actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.hero__actions .link-button--primary{border-radius:var(--radius);padding:12px 28px;font-size:16px}.hero__note{color:var(--ink-muted);font-size:13px}.hero-mock{perspective:1000px;position:relative}.hero-mock__glow{filter:blur(24px);z-index:0;pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#0d94880d 50%,#0000 70%);position:absolute;inset:-20px}.hero-mock__card{z-index:1;border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:var(--space-6);transition:transform var(--transition-base);background:#fff;position:relative;box-shadow:0 20px 40px -10px #0f172a1f,0 0 1px #0f172a1a}.hero-mock:hover .hero-mock__card{transform:translateY(-4px)rotateX(1deg)}.hero-mock__tag{z-index:2;background:var(--gold-soft);color:var(--gold-ink);border:1px solid var(--gold-border);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);padding:3px 12px;font-size:12px;font-weight:700;position:absolute;top:-12px;right:24px}.steps{padding:var(--space-16) 0;border-top:1px solid var(--border)}.steps__list{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.step-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);transition:all var(--transition-base);background:#fff}.step-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.step__index{border-radius:var(--radius-sm);background:var(--accent-soft);width:32px;height:32px;color:var(--accent);margin-bottom:var(--space-4);justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex}.step-card h3{margin-bottom:var(--space-2)}.step-card p{color:var(--ink-muted);margin:0;font-size:14px}.catalog{padding:var(--space-16) 0;border-top:1px solid var(--border)}.catalog__intro{max-width:60ch;color:var(--ink-muted);font-size:16px}.catalog__grid{gap:var(--space-4);margin-top:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.catalog__item{gap:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--panel);box-shadow:var(--shadow-xs);transition:all var(--transition-base);align-items:flex-start;display:flex}.catalog__item:hover{border-color:var(--accent-border);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.catalog__icon-wrap{border-radius:var(--radius-md);flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.catalog__item h3{margin-bottom:var(--space-1);font-size:16px}.catalog__item p{color:var(--ink-muted);margin:0;font-size:13.5px;line-height:1.5}.cta-band{margin:var(--space-16) 0;padding:var(--space-12) var(--space-8);border:1px solid var(--accent-border);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#6366f10f 0%,#0d94880f 100%),#fff;position:relative;overflow:hidden}.cta-band h2{margin-bottom:var(--space-2);font-size:28px}.cta-band p{margin:0 auto var(--space-6);color:var(--ink-muted);max-width:50ch;font-size:16px}.site-footer{padding:var(--space-8) 0 var(--space-12);border-top:1px solid var(--border);color:var(--ink-muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}@media (width<=920px){.hero{gap:var(--space-8);padding:var(--space-10) 0;grid-template-columns:1fr}.hero-mock{order:-1}.steps__list,.catalog__grid{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.page{padding:var(--space-4) var(--space-3) var(--space-8)}.container{padding:0 var(--space-4)}.page-header{padding:var(--space-3) var(--space-4)}.hero h1{font-size:32px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.back-link{color:var(--ink-muted);margin-bottom:var(--space-4);align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:inline-flex}.back-link:hover{color:var(--accent)}.page-hint{color:var(--ink-muted);margin-top:calc(var(--space-4) * -1);margin-bottom:var(--space-6);font-size:14.5px;line-height:1.5}.row-remove{color:var(--danger);border-radius:var(--radius-sm);box-shadow:none;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;padding:8px 12px;font-size:13px}.row-remove:hover{background:var(--danger-soft);color:var(--danger-hover);border-color:var(--danger-border)}.btn-add-dashed{border:2px dashed var(--border-strong);width:100%;color:var(--accent);border-radius:var(--radius-md);box-shadow:none;cursor:pointer;transition:all var(--transition-fast);background:#fff;justify-content:center;align-items:center;gap:6px;padding:10px;font-weight:600;display:inline-flex}.btn-add-dashed:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-hover)}.page-header__user-name[data-v-1d8ebfa0]{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}@media (width<=720px){.page-header__user-name[data-v-1d8ebfa0]{display:none}}