:root{--c-bg:#f5f6fa;--c-surface:#fff;--c-surface-2:#f9fafb;--c-border:#e5e7eb;--c-border-strong:#d1d5db;--c-text:#111827;--c-text-2:#374151;--c-text-muted:#6b7280;--c-text-faint:#9ca3af;--c-accent:#4f46e5;--c-accent-dark:#3730a3;--c-accent-light:#eef2ff;--c-accent-mid:#818cf8;--c-success:#10b981;--c-success-bg:#ecfdf5;--c-warning:#f59e0b;--c-warning-bg:#fffbeb;--c-error:#ef4444;--c-error-bg:#fef2f2;--c-info:#3b82f6;--c-info-bg:#eff6ff;--sidebar-bg:#fff;--sidebar-border:var(--c-border);--sidebar-hover:rgba(79,70,229,.06);--sidebar-active:rgba(79,70,229,.1);--sidebar-text:#6b7280;--sidebar-text-active:#4f46e5;--sidebar-logo-filter:none;--sidebar-w:64px;--sidebar-w-open:220px;--header-h:60px;--shadow-xs:0 1px 2px rgba(0,0,0,.05);--shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);--shadow-lg:0 10px 24px rgba(0,0,0,.08),0 4px 8px rgba(0,0,0,.04);--shadow-xl:0 24px 48px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.05);--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:20px;--r-full:9999px;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--ease:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--t-fast:0.15s;--t-base:0.25s;--t-slow:0.35s;--color-bg:var(--c-bg);--color-surface:var(--c-surface);--color-border:var(--c-border);--color-text:var(--c-text);--color-text-muted:var(--c-text-muted);--color-accent:var(--c-accent);--color-accent-hover:var(--c-accent-dark);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--radius-sm:var(--r-sm);--radius-md:var(--r-md);--radius-lg:var(--r-lg);--radius-xl:var(--r-xl);--transition-smooth:all var(--t-base) var(--ease)}[data-theme=dark]{--c-bg:#0b0f1a;--c-surface:#131929;--c-surface-2:#1a2135;--c-border:hsla(0,0%,100%,.08);--c-border-strong:hsla(0,0%,100%,.14);--c-text:#f1f5f9;--c-text-2:#cbd5e1;--c-text-muted:#94a3b8;--c-text-faint:#64748b;--c-accent-light:rgba(99,102,241,.15);--c-success-bg:rgba(16,185,129,.12);--c-warning-bg:rgba(245,158,11,.12);--c-error-bg:rgba(239,68,68,.12);--c-info-bg:rgba(59,130,246,.12);--sidebar-bg:#0a0f1c;--sidebar-border:hsla(0,0%,100%,.05);--sidebar-hover:hsla(0,0%,100%,.07);--sidebar-active:rgba(99,102,241,.18);--sidebar-text:hsla(0,0%,100%,.6);--sidebar-text-active:#fff;--sidebar-logo-filter:brightness(0) invert(1);--shadow-xs:0 1px 2px rgba(0,0,0,.4);--shadow-sm:0 1px 3px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.3);--shadow-lg:0 10px 24px rgba(0,0,0,.5),0 4px 8px rgba(0,0,0,.3)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;height:100%}body,html{max-width:100vw;overflow-x:hidden}body{min-height:100%;font-family:var(--font);background:var(--c-bg);color:var(--c-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}img,svg{display:block}.app-shell{display:flex;min-height:100vh;background:var(--c-bg)}.app-main{flex:1 1;min-width:0;display:flex;flex-direction:column;margin-left:0;transition:margin-left var(--t-slow) var(--ease)}@media (min-width:768px){.app-main{margin-left:var(--sidebar-w)}}.page-body{flex:1 1;padding-bottom:80px}@media (min-width:768px){.page-body{padding-bottom:0}}.page-content{padding:1.25rem 1rem;max-width:1200px;width:100%;margin:0 auto}@media (min-width:768px){.page-content{padding:2rem 1.5rem}}@media (min-width:1024px){.page-content{padding:2.5rem 2rem}}.page-title{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;color:var(--c-text);line-height:1.2}@media (min-width:768px){.page-title{font-size:1.875rem}}.page-subtitle{font-size:.875rem;color:var(--c-text-muted);margin-top:.25rem}.section-title{font-size:1rem;font-weight:600;color:var(--c-text)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);padding:1.25rem}@media (min-width:768px){.card{padding:1.5rem}}.card-sm{padding:1rem;border-radius:var(--r-lg)}.card--elevated{box-shadow:var(--shadow-sm)}.card--hover{transition:transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease);cursor:pointer}.card--hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;z-index:200;padding:0}@media (min-width:640px){.modal-backdrop{align-items:center;padding:1.5rem}}.modal-panel{background:var(--c-surface);border-radius:var(--r-2xl) var(--r-2xl) 0 0;width:100%;max-height:90vh;overflow-y:auto;padding:1.5rem 1.25rem 2rem;animation:slide-up var(--t-slow) var(--ease-out) both}@media (min-width:640px){.modal-panel{border-radius:var(--r-2xl);max-width:500px;padding:2rem;animation:fade-scale var(--t-slow) var(--ease-out) both}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-scale{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-title{font-size:1.125rem;font-weight:700;color:var(--c-text);margin-bottom:1.5rem}.modal-handle{width:40px;height:4px;background:var(--c-border-strong);border-radius:var(--r-full);margin:0 auto 1.25rem}@media (min-width:640px){.modal-handle{display:none}}.modal-form{display:flex;flex-direction:column;gap:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--c-border)}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:.8125rem;font-weight:500;color:var(--c-text-2)}.form-input,.form-select{padding:.625rem .875rem;border:1.5px solid var(--c-border);border-radius:var(--r-md);font-size:.9375rem;color:var(--c-text);background:var(--c-surface);outline:none;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input::placeholder{color:var(--c-text-faint)}.form-input:focus,.form-select:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px rgba(79,70,229,.12)}.form-error-msg{font-size:.75rem;color:var(--c-error);margin-top:.25rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:var(--r-full);font-size:.6875rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.badge-indigo{background:var(--c-accent-light);color:var(--c-accent)}.badge-green{background:var(--c-success-bg);color:var(--c-success)}.badge-yellow{background:var(--c-warning-bg);color:var(--c-warning)}.badge-red{background:var(--c-error-bg);color:var(--c-error)}.badge-gray{background:var(--c-surface-2);color:var(--c-text-muted)}.badge-blue{background:var(--c-info-bg);color:var(--c-info)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}@media (min-width:768px){.page-header{align-items:center;margin-bottom:2rem}}.divider{height:1px;background:var(--c-border);border:none;margin:1.25rem 0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--c-text-faint)}.credit-editor,.pricing-editor{display:flex;flex-direction:column;gap:.75rem}.pricing-editor-header{display:flex;justify-content:space-between;align-items:center}.pricing-add-btn{display:inline-flex;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:600;color:var(--c-accent);background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:var(--r-sm);transition:background var(--t-fast) var(--ease)}.pricing-add-btn:hover{background:var(--c-accent-light)}.pricing-row-card{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:.875rem}.pricing-row-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.625rem;gap:.625rem}@media (min-width:640px){.pricing-row-grid{grid-template-columns:2fr 1fr 1.5fr 1.5fr}}.pricing-row-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--c-border)}.pricing-try-preview{font-size:.8125rem;font-weight:600;color:var(--c-success)}.pricing-remove-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:var(--r-sm);background:var(--c-error-bg);color:var(--c-error);cursor:pointer;transition:background var(--t-fast) var(--ease)}.pricing-remove-btn:hover{background:var(--c-error);color:#fff}.pricing-empty{font-size:.8125rem;color:var(--c-text-faint);text-align:center;padding:1rem;border:1px dashed var(--c-border);border-radius:var(--r-md)}.credit-row{display:flex;align-items:center;gap:.625rem}.form-label-sm{font-size:.6875rem;font-weight:500;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.04em}.form-input-sm,.form-select-sm{padding:.4375rem .625rem;font-size:.8125rem;border-radius:var(--r-sm)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;flex-wrap:wrap}.pagination-info{font-size:.8125rem;color:var(--c-text-muted)}.pagination-buttons{display:flex;align-items:center;gap:.25rem}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 .5rem;border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--t-fast) var(--ease)}.pagination-btn:hover:not(:disabled){background:var(--c-surface-2);color:var(--c-text);border-color:var(--c-border-strong)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn--active{background:var(--c-accent)!important;color:#fff!important;border-color:var(--c-accent)!important}.pagination-dots{padding:0 .25rem;color:var(--c-text-faint);font-size:.875rem}.color-input-wrap{display:flex;align-items:center;gap:.5rem}.color-swatch{width:32px;height:32px;border-radius:var(--r-sm);border:1.5px solid var(--c-border);cursor:pointer;padding:0;overflow:hidden;flex-shrink:0}.color-swatch::-webkit-color-swatch-wrapper{padding:0}.color-swatch::-webkit-color-swatch{border:none}.detail-header{gap:.75rem;margin-bottom:1.5rem}.back-btn,.detail-header{display:flex;align-items:center}.back-btn{justify-content:center;width:36px;height:36px;border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text-muted);cursor:pointer;transition:all var(--t-fast) var(--ease);flex-shrink:0}.back-btn:hover{background:var(--c-surface-2);color:var(--c-text)}.info-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:640px){.info-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.info-grid{grid-template-columns:1fr 1fr 1fr}}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-faint)}.info-value{font-size:.9375rem;color:var(--c-text);font-weight:500}@media (min-width:640px){.modal-panel--wide{max-width:680px}}