:root{--bg-main: #faf8f5;--bg-card: #ffffff;--bg-card-hover: #fdfcfb;--bg-input: #ffffff;--border-glow: #e8e3dc;--border-glow-focus: #436444;--text-main: #1f1b15;--text-muted: #666159;--accent-blue: #2563eb;--accent-purple: #436444;--accent-brand: #436444;--accent-brand-hover: #365337;--accent-gold: #C0B17E;--accent-gold-dark: #9e8f57;--accent-pink: #d946ef;--accent-green: #2e7d32;--accent-orange: #e87c32;--shadow-glow: 0 1px 3px rgba(31, 27, 21, .04), 0 10px 25px rgba(31, 27, 21, .03);--shadow-glow-active: 0 16px 40px rgba(31, 27, 21, .08);--font-sans: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--font-brand: "Amatic SC", cursive;--font-mono: "JetBrains Mono", "Fira Code", source-code-pro, Menlo, Monaco, Consolas, monospace}body{margin:0;padding:0;background-color:var(--bg-main)!important;color:var(--text-main);font-family:var(--font-sans);min-height:100vh;background-image:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(250,248,245,.6) 260px),radial-gradient(circle at 8% 0%,rgba(67,100,68,.07) 0%,transparent 34%),radial-gradient(circle at 92% 4%,rgba(192,177,126,.09) 0%,transparent 30%);background-attachment:fixed;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-brand)}.dev-container{max-width:1360px;margin:0 auto;padding:28px}.dev-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding:14px 20px;border:1px solid rgba(192,177,126,.35);background:rgba(255,255,255,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:18px;box-shadow:var(--shadow-glow)}.header-title-section{display:flex;align-items:center;gap:14px}.dashboard-brand-logo{width:44px;height:44px;border-radius:50%;object-fit:contain;box-shadow:0 3px 10px #4364442e}.logo-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#111827,var(--accent-brand));display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #43644438}.logo-icon{font-size:27px;color:#fff}.dev-title{font-size:22px;font-weight:800;background:linear-gradient(135deg,var(--text-main) 30%,var(--accent-brand) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;margin:0}.dev-subtitle{font-size:12px;color:var(--accent-gold-dark);font-weight:600;letter-spacing:.02em;text-transform:uppercase;margin-top:4px;margin-bottom:0}.header-controls{display:flex;align-items:center;gap:16px}.env-selector{display:flex;align-items:center;gap:8px;background:var(--bg-card);padding:8px 12px;border-radius:999px;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0f172a08}.env-label{font-size:12px;color:var(--text-muted);font-weight:600;text-transform:uppercase}.env-select{background:transparent;border:none;color:var(--text-main);font-family:var(--font-sans);font-size:13px;font-weight:600;outline:none;cursor:pointer}.env-select option{background-color:#fff;color:var(--text-main)}.btn-back-studio{display:flex;align-items:center;gap:8px;background:#ffffff;border:1px solid #e2e8f0;color:var(--text-main);padding:9px 14px;border-radius:999px;font-weight:500;font-size:13px;text-decoration:none;transition:all .2s ease}.btn-signout{color:var(--accent-pink);border-color:#d946ef3d;cursor:pointer}.platform-overview{display:grid;grid-template-columns:minmax(280px,1.4fr) repeat(3,minmax(140px,.5fr));gap:14px;align-items:stretch;margin-bottom:18px}.platform-overview>div{background:rgba(255,255,255,.82);border:1px solid rgba(226,232,240,.9);border-radius:16px;padding:18px;box-shadow:var(--shadow-glow)}.platform-overview h2{margin:0 0 6px;font-size:22px;letter-spacing:-.01em}.platform-overview p{margin:0;color:var(--text-muted);font-family:var(--font-mono);font-size:12px;overflow:hidden;text-overflow:ellipsis}.platform-stat{display:flex;flex-direction:column;justify-content:center;gap:6px}.platform-stat span{color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.platform-stat strong{font-size:18px;color:var(--text-main)}.btn-back-studio:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.tabs-navigation{display:flex;gap:3px;margin-bottom:24px;background:rgba(241,245,249,.72);padding:5px;border-radius:14px;width:100%;border:1px solid rgba(226,232,240,.9);overflow-x:auto;box-shadow:inset 0 1px #ffffffb3}.quickstart-card{display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr;gap:24px;align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(248,250,252,.92) 100%);border:1px solid rgba(226,232,240,.92);border-radius:18px;padding:22px 24px;margin-bottom:24px;box-shadow:var(--shadow-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quickstart-eyebrow{display:inline-flex;margin-bottom:6px;color:var(--accent-purple);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.quickstart-card h2{margin:0 0 6px;font-size:22px;letter-spacing:-.01em}.quickstart-card p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.6}.quickstart-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quickstart-step{min-height:74px;background:rgba(255,255,255,.86);border:1px solid rgba(226,232,240,.92);border-radius:13px;padding:12px;color:var(--text-muted);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;font-weight:700;font-size:12px;text-align:left;cursor:pointer;transition:all .2s ease}.quickstart-step:hover{border-color:#4f46e54d;color:var(--text-main);transform:translateY(-1px)}.quickstart-step.done{color:#065f46;border-color:#a7f3d0;background:linear-gradient(135deg,#ecfdf5,#f0fdfa)}.quickstart-step .material-symbols-outlined{font-size:20px}.toast-notice{position:fixed;top:18px;right:18px;z-index:3000;display:flex;align-items:center;gap:10px;max-width:420px;padding:12px 14px;border-radius:10px;background:#ffffff;border:1px solid var(--border-glow);box-shadow:0 16px 40px #0f172a29;font-size:13px;font-weight:700}.toast-notice.success{color:#065f46;border-color:#a7f3d0;background:#ecfdf5}.toast-notice.error{color:#9f1239;border-color:#fecdd3;background:#fff1f2}.toast-notice.info{color:var(--accent-purple);border-color:#4f46e533;background:#f5f3ff}.modal-overlay,.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2400;background:rgba(15,23,42,.34);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-dialog{width:min(420px,calc(100vw - 32px));margin:15vh auto 0;background:#ffffff;border-radius:14px;border:1px solid var(--border-glow);box-shadow:0 24px 70px #0f172a3d;padding:24px}.confirm-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff7ed;color:var(--accent-orange);margin-bottom:14px}.confirm-dialog h3{margin:0 0 8px;font-size:18px}.confirm-dialog p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.6}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.btn-danger{background:#e11d48;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:700;cursor:pointer}.job-detail-drawer{margin-left:auto;width:min(560px,100vw);height:100%;background:#ffffff;padding:24px;overflow-y:auto;box-shadow:-24px 0 60px #0f172a2e}.drawer-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.drawer-header-row h3{margin:10px 0 0;font-size:22px}.job-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.job-detail-grid>div{border:1px solid var(--border-glow);border-radius:10px;padding:12px;background:#f8fafc;min-width:0}.detail-label{display:block;color:var(--text-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.drawer-section-title{margin:22px 0 10px;font-size:13px;color:var(--text-main)}.drawer-output-links,.drawer-actions{display:flex;gap:10px;flex-wrap:wrap}.drawer-output-links a{color:var(--accent-blue);font-weight:700;font-size:13px;text-decoration:none}.drawer-actions{margin-top:22px}.drawer-actions .btn-primary-glow,.drawer-actions .btn-secondary-outline{width:auto}.tab-btn{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:11px;color:var(--text-muted);font-weight:750;font-size:13px;transition:all .2s ease;background:transparent;border:none;cursor:pointer;white-space:nowrap;flex:1 0 auto;justify-content:center}.tab-btn:hover{color:var(--text-main);background:rgba(15,23,42,.04)}.tab-btn.active{color:var(--text-main);background:rgba(255,255,255,.96);box-shadow:0 8px 22px #0f172a14;border:1px solid rgba(226,232,240,.96)}.tab-btn .material-symbols-outlined{font-size:18px}.tab-btn.active .material-symbols-outlined{color:var(--accent-purple)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 960px){.dev-header{flex-direction:column;align-items:stretch;gap:16px}.header-controls{flex-wrap:wrap}.platform-overview{grid-template-columns:1fr 1fr}.dashboard-grid,.quickstart-card{grid-template-columns:1fr}.quickstart-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.job-detail-grid{grid-template-columns:1fr}}@media (max-width: 640px){.dev-container{padding:16px}.platform-overview{grid-template-columns:1fr}.tab-btn{flex:0 0 auto}}.dashboard-card{background:rgba(255,255,255,.88);border-radius:16px;border:1px solid rgba(226,232,240,.92);padding:24px;box-shadow:var(--shadow-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .25s cubic-bezier(.4,0,.2,1)}.dashboard-card:hover{background:var(--bg-card-hover);border-color:#cbd5e1f2;box-shadow:var(--shadow-glow-active)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(226,232,240,.7)}.card-title{font-size:15px;font-weight:800;margin:0;display:flex;align-items:center;gap:8px}.card-title .material-symbols-outlined{color:var(--accent-purple);font-size:20px}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px}.form-input,.form-textarea,.form-select-control{width:100%;background:var(--bg-input);border:1px solid #cbd5e1;border-radius:8px;color:var(--text-main);padding:10px 14px;font-size:14px;outline:none;font-family:var(--font-sans);transition:all .2s ease}.form-input:focus,.form-textarea:focus,.form-select-control:focus{border-color:var(--accent-purple);box-shadow:0 0 0 4px #4f46e51a;background:#ffffff}.form-textarea{resize:vertical;min-height:80px}.form-helper-text{font-size:11px;color:var(--text-muted);margin-top:6px}.apikey-container{display:flex;gap:8px;margin-bottom:12px}.apikey-input-wrapper{position:relative;flex-grow:1}.apikey-input{font-family:var(--font-mono);font-size:13px;padding-right:40px;letter-spacing:.02em}.apikey-toggle-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center}.apikey-toggle-btn:hover{color:var(--text-main)}.apikey-toggle-btn .material-symbols-outlined{font-size:18px}.btn-icon{background:#ffffff;border:1px solid #cbd5e1;color:var(--text-main);width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon:hover{background:#f8fafc;border-color:#cbd5e1;color:var(--accent-purple)}.btn-rotate{display:flex;align-items:center;gap:8px;background:transparent;border:1px dashed rgba(79,70,229,.4);color:var(--accent-purple);padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;transition:all .2s ease;width:fit-content}.btn-rotate:hover{background:rgba(79,70,229,.05);border-style:solid;color:#3b37c0}.btn-primary-glow{background:linear-gradient(135deg,var(--accent-purple) 0%,#6366f1 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-shadow:0 2px 4px #4f46e526,0 4px 12px #4f46e526;transition:all .2s ease}.btn-primary-glow:hover{transform:translateY(-1px);box-shadow:0 4px 8px #4f46e540,0 8px 20px #4f46e533}.btn-primary-glow:disabled{background:#e2e8f0;color:#94a3b8;box-shadow:none;cursor:not-allowed}.btn-secondary-outline{background:#ffffff;border:1px solid #cbd5e1;color:var(--text-main);padding:10px 20px;border-radius:8px;font-weight:500;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.btn-secondary-outline:hover{background:#f8fafc;border-color:#cbd5e1}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media (max-width: 768px){.stats-row{grid-template-columns:1fr 1fr}}.stat-box{background:#ffffff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;display:flex;flex-direction:column;box-shadow:0 1px 3px #00000005}.stat-value{font-size:24px;font-weight:800;color:var(--text-main)}.stat-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-top:4px}.stat-box.success .stat-value{color:var(--accent-green)}.stat-box.failure .stat-value{color:var(--accent-pink)}.alert-box{border-radius:8px;padding:12px 16px;font-size:13px;margin-top:16px;display:flex;align-items:flex-start;gap:12px}.alert-box.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.alert-box.error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.alert-box .material-symbols-outlined{font-size:20px}.payment-trust-box{margin-top:0;margin-bottom:16px}.payment-trust-box p{margin:0;font-size:12px;line-height:1.5}.character-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.char-item-card{background:linear-gradient(180deg,#ffffff,#fbfdff);border:1px solid rgba(226,232,240,.92);border-radius:12px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 2px #00000005}.char-item-info{display:flex;flex-direction:column;gap:4px}.char-item-name{font-weight:600;font-size:14px}.char-item-details{font-size:11px;color:var(--text-muted)}.btn-add-char{display:flex;align-items:center;gap:6px;color:var(--accent-purple);background:transparent;border:none;font-size:13px;font-weight:600;cursor:pointer;width:fit-content;padding:4px 8px;border-radius:4px;transition:all .2s ease}.btn-add-char:hover{background:rgba(79,70,229,.05)}.char-editor-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:20px;margin-top:12px;margin-bottom:20px}.char-editor-title{font-size:13px;font-weight:700;text-transform:uppercase;color:var(--text-main);margin-bottom:14px;display:flex;align-items:center;gap:6px}.btn-row{display:flex;gap:12px;margin-top:16px}.preview-tabs{display:flex;gap:8px;margin-bottom:10px}.preview-tab{background:#ffffff;border:1px solid var(--border-glow);color:var(--text-muted);border-radius:8px;padding:7px 10px;font-size:12px;font-weight:700;cursor:pointer}.preview-tab:hover,.preview-tab.active{color:var(--accent-purple);border-color:#4f46e559;background:rgba(79,70,229,.04)}.inline-catalog-error{margin-top:-8px;margin-bottom:18px}.request-preview-block{max-height:320px;overflow:auto;background:#0f172a;color:#e2e8f0;border:1px solid #1e293b;border-radius:14px;padding:16px;margin:0 0 24px;font-size:11.5px;line-height:1.55;font-family:var(--font-mono)}.terminal-console{background:#0b0f19;border:1px solid #1e293b;border-radius:12px;padding:20px;font-family:var(--font-mono);box-shadow:0 10px 30px -10px #0f172a4d;position:relative;overflow:hidden}.terminal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid #1e293b;padding-bottom:8px}.terminal-dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.terminal-title{color:#94a3b8;font-size:11px}.terminal-logs-window{height:240px;overflow-y:auto;font-size:12px;line-height:1.6;color:#abb2bf}.log-entry{margin-bottom:6px;word-break:break-all}.log-timestamp{color:#5c6370;margin-right:8px}.log-tag{color:var(--accent-blue);margin-right:8px}.log-tag.processing{color:var(--accent-orange)}.log-tag.completed{color:var(--accent-green)}.log-tag.failed{color:var(--accent-pink)}.progress-container{margin-top:16px}.progress-info{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:#cbd5e1;margin-bottom:6px}.progress-track{width:100%;height:6px;background:#1e293b;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-purple) 0%,var(--accent-blue) 100%);border-radius:3px;transition:width .4s ease;box-shadow:0 0 10px #4f46e580}.progress-glow-ring{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent-blue),transparent);animation:scanning 2s infinite linear;opacity:.3}@keyframes scanning{0%{transform:translate(-100%)}to{transform:translate(100%)}}.results-card{margin-top:24px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:20px}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}@media (max-width: 600px){.results-grid{grid-template-columns:1fr}}.pdf-download-box{background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--text-main);transition:all .2s ease}.pdf-download-box:hover{background:#f8fafc;border-color:var(--accent-purple);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e50d}.pdf-icon-wrapper{background:#fff1f2;color:var(--accent-pink);width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center}.pdf-icon-wrapper .material-symbols-outlined{font-size:28px}.pdf-info-wrapper{display:flex;flex-direction:column;gap:4px}.pdf-title{font-weight:700;font-size:13px}.pdf-action{font-size:11px;color:var(--accent-purple);font-weight:600}.jobs-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e2e8f0}.jobs-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.jobs-table th{background:#f8fafc;color:var(--text-muted);font-weight:600;padding:12px 16px;border-bottom:1px solid #e2e8f0;text-transform:uppercase;font-size:11px;letter-spacing:.05em}.jobs-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;color:var(--text-main)}.jobs-table tr:hover td{background:#f8fafc}.clickable-row{cursor:pointer}.jobs-toolbar{display:flex;align-items:center;gap:10px}.compact-select{width:auto;min-width:150px;padding:9px 32px 9px 12px;border:1px solid var(--border-glow);border-radius:8px;background-color:#fff;font-size:13px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;border:1px solid transparent}.status-badge.completed{background:#ecfdf5;color:#059669;border-color:#d1fae5}.status-badge.processing{background:#fff7ed;color:#ea580c;border-color:#ffedd5}.status-badge.queued{background:#f0f9ff;color:#0284c7;border-color:#e0f2fe}.status-badge.failed{background:#fff1f2;color:#e11d48;border-color:#ffe4e6}.jobs-table .monospace{font-family:var(--font-mono);color:var(--text-muted)}.docs-layout{display:grid;grid-template-columns:200px 1fr;gap:24px}.docs-quickstart{display:grid;grid-template-columns:minmax(240px,.8fr) 1fr auto;gap:20px;align-items:center;background:linear-gradient(135deg,rgba(79,70,229,.06),rgba(2,132,199,.05)),#ffffff;border:1px solid rgba(79,70,229,.16);border-radius:16px;padding:20px;margin-bottom:24px}.docs-quickstart h3{margin:0 0 6px;font-size:18px}.docs-quickstart p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.6}.docs-quickstart ol{margin:0;padding-left:20px;color:var(--text-main);font-size:13px;line-height:1.7}@media (max-width: 768px){.docs-layout,.docs-quickstart{grid-template-columns:1fr}}.docs-sidebar{display:flex;flex-direction:column;gap:8px;position:sticky;top:20px;align-self:start}.docs-nav-link{padding:10px 12px;border-radius:10px;color:var(--text-muted);font-size:13px;font-weight:600;background:transparent;border:none;cursor:pointer;text-align:left;transition:all .2s ease}.docs-nav-link:hover,.docs-nav-link.active{color:var(--text-main);background:#f1f5f9}.docs-nav-link.active{border-left:3px solid var(--accent-purple);border-radius:10px;padding-left:12px}.code-container{background:#0f172a;border:1px solid #1e293b;border-radius:14px;margin-top:12px;position:relative;box-shadow:0 16px 36px #0f172a29;overflow:hidden}.code-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#1e293b;border-bottom:1px solid #334155;border-radius:14px 14px 0 0}.code-lang-label{font-size:11px;font-family:var(--font-mono);color:#94a3b8;font-weight:600}.btn-copy{display:flex;align-items:center;gap:4px;font-size:11px;color:#94a3b8;background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.btn-copy:hover{color:#fff;background:rgba(255,255,255,.06)}.btn-copy .material-symbols-outlined{font-size:14px}.code-block{margin:0;padding:16px;overflow-x:auto;font-family:var(--font-mono);font-size:12px;line-height:1.6;color:#abb2bf}.code-block .keyword{color:#c678dd}.code-block .string{color:#98c379}.code-block .comment{color:#5c6370;font-style:italic}.code-block .number{color:#d19a66}.code-block .prop{color:#e06c75}.form-select-control{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%23475569' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position-x:calc(100% - 10px);background-position-y:50%;padding-right:32px}.spinner-icon{animation:spinning 1s linear infinite;display:inline-block}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulse-indicator{width:8px;height:8px;background-color:var(--accent-green);border-radius:50%;display:inline-block;box-shadow:0 0 8px var(--accent-green);animation:pulse-ring 1.5s infinite}@keyframes pulse-ring{0%{transform:scale(.9);opacity:1}50%{transform:scale(1.2);opacity:.5}to{transform:scale(.9);opacity:1}}.spinner-large{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;gap:16px;color:var(--text-muted)}.spinner-large .material-symbols-outlined{font-size:40px;color:var(--accent-purple);animation:spinning 1.5s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-muted);gap:12px;text-align:center}.empty-state .material-symbols-outlined{font-size:48px;color:#e2e8f0}.credit-card-wrapper{perspective:1000px;display:flex;justify-content:center;margin-top:12px;margin-bottom:24px}.interactive-credit-card{position:relative;width:100%;max-width:380px;height:200px;border-radius:16px;padding:24px;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);border:1px solid rgba(255,255,255,.1);box-shadow:0 15px 30px #00000040,inset 0 1px 1px #fff3;color:#fff;display:flex;flex-direction:column;overflow:hidden;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;cursor:pointer}.interactive-credit-card:hover{transform:translateY(-4px) rotateX(4deg) rotateY(-4deg);box-shadow:0 20px 40px #4f46e526,0 15px 30px #0000004d}.card-glass-glow{position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:skew(-20deg);transition:left .6s ease}.interactive-credit-card:hover .card-glass-glow{left:120%}.cc-chip-icon{font-size:32px;color:#f59e0b;opacity:.95;text-shadow:0 0 8px rgba(245,158,11,.4)}.card-brand-logo{display:flex;margin-left:auto;align-items:center}.brand-dot{width:22px;height:22px;border-radius:50%;display:inline-block}.brand-dot.mastercard-red{background-color:#eb001b;z-index:2}.brand-dot.mastercard-yellow{background-color:#f79e1b;margin-left:-10px;z-index:1}.cc-number-display{font-family:var(--font-mono);font-size:20px;letter-spacing:.12em;margin-top:24px;color:#f8fafc;text-shadow:0 2px 4px rgba(0,0,0,.4);font-weight:500}.cc-holder-display,.cc-expiry-display{display:flex;flex-direction:column}.cc-label{font-size:9px;text-transform:uppercase;color:#94a3b8;letter-spacing:.08em;margin-bottom:4px}.cc-val{font-size:13px;font-weight:600;letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.cc-expiry-display{margin-left:auto;align-items:flex-end}.analytics-layout{display:flex;flex-direction:column;gap:24px}.billing-tier-card{position:relative;overflow:hidden}.billing-tier-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(79,70,229,.03) 0%,rgba(2,132,199,.02) 100%);pointer-events:none;z-index:0}.status-badge{font-size:11px;font-weight:600;padding:6px 14px;border-radius:20px;letter-spacing:.03em;white-space:nowrap}.byok-badge{background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(16,185,129,.15));color:var(--accent-green);border:1px solid rgba(16,185,129,.25)}.managed-badge{background:linear-gradient(135deg,rgba(249,115,22,.08),rgba(249,115,22,.15));color:var(--accent-orange);border:1px solid rgba(249,115,22,.25)}.analytics-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-glow-card{background:rgba(255,255,255,.9);border:1px solid rgba(226,232,240,.9);border-radius:16px;padding:24px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;transition:all .3s ease;position:relative;overflow:hidden}.metric-glow-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-purple),var(--accent-blue));opacity:0;transition:opacity .3s ease}.metric-glow-card:hover{border-color:#4f46e533;box-shadow:var(--shadow-glow-active);transform:translateY(-3px)}.metric-glow-card:hover:after{opacity:1}.metric-icon{font-size:28px;margin-bottom:4px}.books-color{color:var(--accent-purple)}.requests-color{color:var(--accent-blue)}.pages-color{color:var(--accent-green)}.print-color{color:var(--accent-orange)}.due-color{color:var(--accent-pink)}.metric-val{font-size:28px;font-weight:700;color:var(--text-main);font-family:var(--font-mono);letter-spacing:-.02em}.metric-lbl{font-size:13px;font-weight:600;color:var(--text-main);letter-spacing:.01em}.metric-sub{font-size:11px;color:var(--text-muted);line-height:1.4}.highlight-card{background:radial-gradient(circle at 100% 0%,rgba(217,70,239,.22),transparent 32%),linear-gradient(135deg,#111827,#312e81);border-color:#4f46e566!important;flex-direction:row;align-items:center;gap:20px}.highlight-card .metric-val,.highlight-card .metric-lbl{color:#fff}.highlight-card .metric-icon{font-size:38px;color:#ffffffd9}.text-glow{text-shadow:0 0 20px rgba(217,70,239,.4),0 0 40px rgba(217,70,239,.2)}.analytics-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.slider-group{margin-bottom:20px}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;color:var(--text-main)}.slider-val{font-family:var(--font-mono);color:var(--accent-purple);font-size:13px}.glass-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(90deg,rgba(79,70,229,.15),rgba(2,132,199,.15));outline:none;cursor:pointer;transition:background .3s ease}.glass-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));cursor:grab;box-shadow:0 2px 8px #4f46e559;transition:transform .2s ease,box-shadow .2s ease}.glass-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 12px #4f46e580}.glass-slider::-webkit-slider-thumb:active{cursor:grabbing}.comparison-visualizer{display:flex;flex-direction:column;gap:10px;margin-top:24px;padding:16px;border-radius:12px;background:rgba(248,250,252,.5);border:1px solid var(--border-glow)}.comp-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:8px;font-size:13px;font-weight:500}.managed-bar{background:linear-gradient(90deg,rgba(249,115,22,.06),rgba(249,115,22,.12));border:1px solid rgba(249,115,22,.15);color:var(--accent-orange)}.managed-bar strong{font-family:var(--font-mono);font-size:16px}.byok-bar{background:linear-gradient(90deg,rgba(16,185,129,.06),rgba(16,185,129,.12));border:1px solid rgba(16,185,129,.15);color:var(--accent-green)}.byok-bar strong{font-family:var(--font-mono);font-size:16px}.savings-badge{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;background:linear-gradient(135deg,rgba(79,70,229,.05),rgba(217,70,239,.08));border:1px solid rgba(79,70,229,.15);color:var(--accent-purple);font-size:13px;font-weight:600}.savings-badge .material-symbols-outlined{font-size:18px;color:var(--accent-pink)}.upgrade-teaser{padding:16px;border-radius:10px;border:1px dashed rgba(79,70,229,.25);background:rgba(79,70,229,.02)}.invoice-table-wrapper{overflow-x:auto;border-radius:10px;border:1px solid var(--border-glow)}.invoice-empty-state{min-height:180px;background:#ffffff}.invoice-table{width:100%;border-collapse:collapse;font-size:13px}.invoice-table thead{background:rgba(248,250,252,.8)}.invoice-table th{padding:12px 14px;text-align:left;font-weight:600;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-glow)}.invoice-table td{padding:14px;color:var(--text-main);border-bottom:1px solid #f1f5f9;vertical-align:middle}.invoice-table tbody tr:hover{background:rgba(79,70,229,.015)}.invoice-table tbody tr:last-child td{border-bottom:none}.status-pill{display:inline-flex;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.02em}.status-pill.pending{background:rgba(249,115,22,.1);color:var(--accent-orange)}.status-pill.completed{background:rgba(16,185,129,.1);color:var(--accent-green)}.btn-icon-small{background:none;border:1px solid var(--border-glow);border-radius:8px;padding:4px 8px;cursor:pointer;color:var(--text-muted);transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn-icon-small:hover{border-color:var(--accent-purple);color:var(--accent-purple);background:rgba(79,70,229,.04)}.btn-icon-small .material-symbols-outlined{font-size:16px}@media (max-width: 1000px){.analytics-metrics-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid-two{grid-template-columns:1fr}.highlight-card{grid-column:span 2!important}}@media (max-width: 600px){.analytics-metrics-grid{grid-template-columns:1fr}.highlight-card{grid-column:span 1!important}}.btn-settle-balance{background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));border:none;border-radius:8px;color:#fff;font-weight:600;padding:8px 16px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 14px #d946ef59;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:10}.btn-settle-balance:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #d946ef80}.btn-settle-balance:active:not(:disabled){transform:translateY(0)}.btn-settle-balance:disabled{opacity:.6;cursor:not-allowed}.btn-settle-balance-billing:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #d946ef66}.btn-settle-balance-billing:active:not(:disabled){transform:translateY(0)}.btn-settle-balance-billing:disabled{opacity:.6;cursor:not-allowed}.landing-page{background-color:var(--bg-main);min-height:100vh;color:var(--text-main);font-family:var(--font-sans);position:relative;overflow-x:hidden}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 40px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(192,177,126,.35);position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #1f1b1508}.nav-logo{display:flex;align-items:center;gap:14px}.nav-brand-logo{width:44px;height:44px;border-radius:50%;object-fit:contain;box-shadow:0 3px 10px #43644433}.nav-logo-icon{font-size:32px;color:var(--accent-brand)}.nav-logo-text h3{margin:0;font-size:19px;font-weight:800;letter-spacing:-.01em;color:var(--text-main)}.nav-logo-text p{margin:0;font-size:11px;color:var(--accent-gold-dark, #9e8f57);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.nav-actions{display:flex;align-items:center;gap:28px}.nav-link{font-size:14px;font-weight:600;color:var(--text-muted);text-decoration:none;transition:color .2s ease}.nav-link:hover{color:var(--accent-brand)}.btn-nav-auth{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent-brand) 0%,#2e4e30 100%);color:#fff;border:1px solid rgba(192,177,126,.4);padding:9px 20px;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;box-shadow:0 4px 12px #43644433;transition:all .2s ease}.btn-nav-auth:hover{transform:translateY(-1px);box-shadow:0 6px 18px #4364444d;background:linear-gradient(135deg,#4d734e 0%,#365a39 100%)}.btn-nav-auth .material-symbols-outlined{font-size:16px}.landing-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;max-width:1280px;margin:0 auto;padding:80px 40px;align-items:center}@media (max-width: 960px){.landing-hero{grid-template-columns:1fr;gap:40px;padding:40px 24px;text-align:center}}.hero-content{display:flex;flex-direction:column;align-items:flex-start}@media (max-width: 960px){.hero-content{align-items:center}}.hero-badge{display:flex;align-items:center;gap:8px;background:rgba(67,100,68,.08);border:1px solid rgba(192,177,126,.4);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;color:var(--accent-brand);margin-bottom:24px}.pulse-dot{width:6px;height:6px;background-color:var(--accent-brand);border-radius:50%;animation:pulse-ring 1.8s infinite ease-in-out}@keyframes pulse-ring{0%{transform:scale(.85);opacity:.5}50%{transform:scale(1.15);opacity:1}to{transform:scale(.85);opacity:.5}}.hero-title{font-size:48px;font-weight:800;line-height:1.15;letter-spacing:-.025em;margin:0 0 20px;color:var(--text-main)}.hero-title span{background:linear-gradient(135deg,var(--accent-brand) 0%,var(--accent-gold-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 600px){.hero-title{font-size:36px}}.hero-subtitle{font-size:16px;color:var(--text-muted);line-height:1.65;margin-bottom:32px;max-width:620px}.hero-cta-group{display:flex;gap:16px;margin-bottom:48px}@media (max-width: 600px){.hero-cta-group{flex-direction:column;width:100%}}.btn-hero-primary{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--accent-brand) 0%,#2e4e30 100%);color:#fff;border:1px solid rgba(192,177,126,.4);padding:14px 28px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 4px 14px #43644440;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #43644459;background:linear-gradient(135deg,#4d734e 0%,#365a39 100%)}.btn-hero-secondary{display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffff;border:1px solid rgba(192,177,126,.45);color:var(--text-main);padding:14px 28px;border-radius:12px;font-weight:600;font-size:15px;text-decoration:none;box-shadow:0 2px 6px #1f1b1508;transition:all .2s ease}.btn-hero-secondary:hover{background:#faf8f5;border-color:var(--accent-brand);transform:translateY(-1px)}.hero-metrics{display:flex;gap:40px;border-top:1px solid rgba(192,177,126,.35);padding-top:24px;width:100%}@media (max-width: 960px){.hero-metrics{justify-content:center}}@media (max-width: 600px){.hero-metrics{flex-direction:column;gap:20px;align-items:center}}.metric-item h4{font-size:24px;font-weight:800;color:var(--accent-brand);margin:0}.metric-item p{font-size:12px;color:var(--text-muted);margin:4px 0 0;font-weight:600}.hero-preview{position:relative;display:flex;justify-content:center}.preview-card-glow{position:absolute;top:-20px;bottom:-20px;left:-20px;right:-20px;background:radial-gradient(circle,rgba(67,100,68,.14) 0%,transparent 70%);z-index:1}.preview-card{position:relative;background:#191f1a;border:1px solid rgba(192,177,126,.25);border-radius:14px;width:100%;max-width:480px;box-shadow:0 20px 40px -15px #191f1a66;z-index:2;overflow:hidden;text-align:left}.preview-header{display:flex;align-items:center;gap:8px;background:#232b24;padding:12px 16px;border-bottom:1px solid rgba(192,177,126,.2);font-family:var(--font-mono);font-size:11px;color:#c5cdb8}.preview-header .material-symbols-outlined{font-size:16px;color:var(--accent-gold)}.preview-body{padding:16px;font-family:var(--font-mono);font-size:12px;line-height:1.5;color:#e2e8f0;overflow-x:auto}.preview-body pre{margin:0}.landing-section{max-width:1280px;margin:0 auto;padding:80px 40px;border-top:1px solid #e2e8f0}@media (max-width: 768px){.landing-section{padding:60px 24px}}.section-header{text-align:center;max-width:700px;margin:0 auto 50px}.section-title{font-size:32px;font-weight:800;letter-spacing:-.02em;margin:0 0 12px}.section-desc{font-size:15px;color:var(--text-muted);line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.feature-card{background:#ffffff;border:1px solid #cbd5e1;border-radius:12px;padding:28px;box-shadow:0 2px 4px #00000005;transition:all .25s cubic-bezier(.4,0,.2,1)}.feature-card:hover{transform:translateY(-4px);border-color:#94a3b8;box-shadow:0 10px 30px -5px #0f172a0d}.feature-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-icon .material-symbols-outlined{font-size:24px}.feature-icon.bg-purple{background:rgba(67,100,68,.1);color:var(--accent-brand)}.feature-icon.bg-blue{background:rgba(192,177,126,.15);color:var(--accent-gold-dark)}.feature-icon.bg-pink{background:rgba(232,124,50,.12);color:var(--accent-orange)}.feature-icon.bg-green{background:rgba(46,125,50,.1);color:var(--accent-green)}.feature-card h3{font-size:18px;font-weight:700;margin:0 0 10px}.feature-card p{font-size:13px;color:var(--text-muted);line-height:1.6;margin:0}.pricing-section{background:radial-gradient(circle at top,rgba(67,100,68,.03) 0%,transparent 60%)}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:stretch}@media (max-width: 960px){.pricing-grid{grid-template-columns:1fr}}.calculator-controls,.calculator-results{background:#ffffff;border:1px solid rgba(192,177,126,.35);border-radius:16px;padding:32px;box-shadow:0 4px 16px #1f1b1508}.calculator-results{background:#fdfcfb;border-color:#4364444d;box-shadow:0 10px 30px -10px #43644414}.card-subtitle-bold{font-size:16px;font-weight:800;color:var(--text-main);text-transform:uppercase;letter-spacing:.02em;margin:0 0 24px;border-bottom:2px solid rgba(192,177,126,.25);padding-bottom:12px}.slider-group{margin-bottom:24px}.slider-label{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:10px}.slider-val{color:var(--text-main);font-weight:700}.input-range{width:100%;height:6px;background:#e5e0d8;border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-brand);border:2px solid #ffffff;box-shadow:0 2px 8px #43644459;transition:transform .1s ease}.input-range::-webkit-slider-thumb:hover{transform:scale(1.15)}.toggle-group{margin-top:32px;padding-top:24px;border-top:1px dashed rgba(192,177,126,.35)}.input-checkbox{width:18px;height:18px;border-radius:4px;border:1px solid #cbd5e1;accent-color:var(--accent-brand);cursor:pointer}.toggle-label{display:flex;flex-direction:column;gap:4px;font-size:13px;cursor:pointer}.toggle-label strong{color:var(--text-main);font-weight:700}.toggle-desc{font-size:11px;color:var(--text-muted)}.forecast-hero{background:linear-gradient(135deg,#2e4e30 0%,#436444 60%,#5b7d5b 100%);border-radius:16px;padding:24px;color:#fff;margin-bottom:24px;box-shadow:0 12px 28px -8px #2e4e3059;border:1px solid rgba(192,177,126,.35)}.forecast-net-profit{display:flex;flex-direction:column;align-items:center}.forecast-net-profit .label{font-size:12px;text-transform:uppercase;font-weight:600;letter-spacing:.05em;color:#ffffffd9;margin-bottom:6px}.forecast-net-profit h2{font-size:36px;font-weight:900;margin:0 0 10px;letter-spacing:-.03em}.badge-margin{background:rgba(192,177,126,.25);border:1px solid rgba(192,177,126,.4);color:#fff9e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 14px;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.02em}.math-breakdown{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.breakdown-item{display:flex;justify-content:space-between;font-size:13px;color:var(--text-muted);font-weight:500}.breakdown-item strong{color:var(--text-main);font-weight:700}.breakdown-item strong.text-green{color:var(--accent-green)}.breakdown-item.total{border-top:1px solid #cbd5e1;padding-top:14px;font-size:14px}.breakdown-item.total strong{font-size:16px}.platform-earning-disclosure{display:flex;gap:12px;background:rgba(79,70,229,.03);border:1px solid rgba(79,70,229,.1);padding:16px;border-radius:10px;align-items:flex-start}.platform-earning-disclosure .info-icon{color:var(--accent-purple);font-size:20px}.platform-earning-disclosure p{margin:0;font-size:11px;line-height:1.5;color:var(--text-muted)}.drawer-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(15,23,42,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fade-in .25s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.auth-drawer{position:fixed;top:0;bottom:0;right:-420px;width:420px;background:#ffffff;box-shadow:-10px 0 40px #0f172a26;z-index:1000;padding:40px 32px;display:flex;flex-direction:column;transition:right .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 480px){.auth-drawer{width:100%;right:-100%}}.auth-drawer.open{right:0}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.drawer-header h3{font-size:20px;font-weight:800;letter-spacing:-.01em;margin:0}.btn-close-drawer{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center}.btn-close-drawer:hover{color:var(--text-main)}.drawer-desc{font-size:13px;color:var(--text-muted);line-height:1.6;margin-bottom:24px}.drawer-form{display:flex;flex-direction:column;height:100%}.auth-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.auth-field label{color:var(--text-muted);font-size:12px;font-weight:700;text-transform:uppercase}.auth-field input{background:var(--bg-input);border:1px solid #cbd5e1;border-radius:8px;color:var(--text-main);font-size:14px;padding:12px 14px;width:100%}.auth-field input:focus{border-color:var(--accent-brand);box-shadow:0 0 0 3px #43644426;outline:none}.auth-field input:disabled{color:#94a3b8;cursor:not-allowed}.google-signin-slot{display:flex;justify-content:center;min-height:44px}.auth-loading-state{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:8px;justify-content:center;margin-top:16px}.btn-drawer-submit{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--accent-brand) 0%,#2e4e30 100%);color:#fff;border:1px solid rgba(192,177,126,.4);padding:14px;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 4px 12px #43644433;transition:all .2s ease;margin-top:16px}.btn-drawer-submit:hover{box-shadow:0 6px 18px #4364444d;background:linear-gradient(135deg,#4d734e 0%,#365a39 100%);transform:translateY(-1px)}.btn-drawer-submit:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed;box-shadow:none}.drawer-toggle-mode{margin-top:auto;text-align:center;font-size:13px;color:var(--text-muted)}.drawer-toggle-mode button{background:transparent;border:none;color:var(--accent-purple);font-weight:700;cursor:pointer;padding:0}.drawer-toggle-mode button:hover{text-decoration:underline}.auth-alert-box{display:flex;align-items:flex-start;gap:10px;background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;border-radius:8px;padding:10px 14px;font-size:12px;margin-top:12px}.auth-alert-box .material-symbols-outlined{font-size:18px}.spinner-icon{animation:rot-spin 1.2s infinite linear}@keyframes rot-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.landing-footer{text-align:center;padding:40px 24px;border-top:1px solid #cbd5e1;font-size:11px;color:var(--text-muted)}.btn-google-auth{display:flex;align-items:center;justify-content:center;gap:10px;background:#ffffff;border:1px solid #cbd5e1;color:var(--text-main);padding:12px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 1px 2px #0f172a0d;transition:all .2s ease;margin-bottom:20px;width:100%}.btn-google-auth:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0d}.btn-google-auth:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed;box-shadow:none}.google-icon-svg{flex-shrink:0}.auth-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.divider-line{height:1px;background:#e2e8f0;flex-grow:1}.divider-text{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.maw-checkout-page{--maw-blue: #002d72;--maw-blue-hover: #001f52;--maw-blue-light: #0b5eb8;--maw-gold: #f7c948;--maw-gold-dark: #8a6516;--maw-radius-card: 24px;--maw-radius-input: 12px;min-height:100vh;background:radial-gradient(circle at 12% 14%,rgba(247,201,72,.12),transparent 28rem),radial-gradient(circle at 88% 86%,rgba(0,45,114,.08),transparent 34rem),#f8fafc;color:#1e293b;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}.maw-checkout-nav{height:60px;background:#ffffff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,48px);position:sticky;top:0;z-index:20}.maw-checkout-nav-left{display:flex;align-items:center;gap:14px}.maw-checkout-nav-logo{height:28px;width:auto;object-fit:contain}.maw-checkout-nav-divider{width:1px;height:20px;background:#cbd5e1}.maw-checkout-nav-badge{background:#f1f5f9;color:var(--maw-blue);font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px;letter-spacing:.02em}.maw-checkout-nav-right{font-size:13px;font-weight:600;color:#64748b;display:flex;align-items:center;gap:6px}.maw-checkout-main{flex:1;width:min(100%,1160px);margin:0 auto;padding:clamp(24px,4vh,48px) clamp(16px,3vw,32px);display:grid;grid-template-columns:minmax(300px,.8fr) minmax(440px,1.2fr);gap:clamp(24px,4vw,44px);align-items:start;box-sizing:border-box}.maw-checkout-hero{border-radius:var(--maw-radius-card);padding:clamp(28px,4vh,36px) clamp(22px,3vw,32px);background:linear-gradient(150deg,rgba(0,45,114,.98) 15%,rgba(0,45,114,.95) 70%,rgba(11,94,184,.92) 100%),url(/assets/maw-fountain-books.jpg) center / cover no-repeat;box-shadow:0 16px 40px #002d7229;color:#fff;display:flex;flex-direction:column;gap:20px;position:sticky;top:84px}.maw-checkout-hero-brand{display:inline-flex;align-items:center;justify-content:center;width:min(100%,240px);height:64px;padding:8px 16px;border-radius:16px;background:#ffffff;box-shadow:0 6px 18px #00163733}.maw-checkout-hero-logo{width:100%;height:48px;object-fit:contain}.maw-checkout-hero-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid rgba(247,201,72,.6);border-radius:999px;background:rgba(247,201,72,.14);color:#ffe08a;font-size:12px;font-weight:700}.maw-checkout-hero-title{font-size:clamp(24px,2.4vw,30px);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin:0;color:#fff}.maw-checkout-hero-desc{font-size:14px;line-height:1.6;color:#ffffffe0;margin:0}.maw-checkout-hero-bullets{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16)}.maw-checkout-bullet{display:flex;align-items:center;gap:10px;font-size:13px;color:#fffffff2;font-weight:600}.maw-checkout-bullet-icon{font-size:18px;color:var(--maw-gold)}.maw-checkout-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:var(--maw-radius-card);padding:clamp(24px,3.5vh,36px) clamp(22px,3vw,36px);box-shadow:0 10px 30px #0f172a0a;display:flex;flex-direction:column;gap:24px;box-sizing:border-box}.maw-checkout-steps{display:flex;align-items:center;gap:8px;padding-bottom:16px;border-bottom:1px solid #f1f5f9;font-size:13px}.maw-step{display:flex;align-items:center;gap:6px;color:#94a3b8;font-weight:600}.maw-step.active{color:var(--maw-blue);font-weight:700}.maw-step.done{color:#16a34a}.maw-step-num{width:22px;height:22px;border-radius:50%;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.maw-step.active .maw-step-num{background:var(--maw-blue);color:#fff}.maw-step.done .maw-step-num{background:#dcfce7;color:#15803d}.maw-step-divider{color:#cbd5e1;font-size:13px}.maw-review-box{background:#f8fafc;border-radius:var(--maw-radius-input);padding:16px 18px;display:flex;flex-direction:column;gap:12px}.maw-review-item{display:flex;justify-content:space-between;align-items:flex-start;font-size:13px;gap:12px}.maw-review-label{color:#64748b;font-weight:600;min-width:90px}.maw-review-val{color:#0f172a;font-weight:700;text-align:right;word-break:break-all}.maw-review-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;max-height:85px;overflow-y:auto}.maw-review-tag{font-family:monospace;font-size:11px;font-weight:700;color:var(--maw-blue);background:#ffffff;border:1px solid #cbd5e1;padding:2px 8px;border-radius:4px}.maw-btn-link{background:transparent;border:none;color:var(--maw-blue);font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px;transition:color .15s ease}.maw-btn-link:hover{color:var(--maw-blue-hover);text-decoration:underline}.maw-checkout-header{text-align:left}.maw-checkout-title{font-size:clamp(20px,2vw,24px);font-weight:800;color:#0f172a;letter-spacing:-.02em;margin:0 0 6px}.maw-checkout-subtitle{font-size:14px;color:#64748b;line-height:1.5;margin:0}.maw-stepper-box{background:#f8fafc;border-radius:var(--maw-radius-input);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.maw-stepper-controls{display:flex;align-items:center;gap:16px}.maw-step-btn{width:38px;height:38px;border-radius:10px;border:1px solid #cbd5e1;background:#ffffff;color:var(--maw-blue);font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.maw-step-btn:hover:not(:disabled){background:var(--maw-blue);color:#fff;border-color:var(--maw-blue)}.maw-step-btn:disabled{opacity:.35;cursor:not-allowed}.maw-step-label{font-size:17px;font-weight:700;color:#0f172a;min-width:90px}.maw-stepper-price-wrap{text-align:right}.maw-stepper-main-price{font-size:20px;font-weight:800;color:var(--maw-blue)}.maw-stepper-sub-price{font-size:12px;color:#64748b;margin-top:2px}.maw-ref-section{display:flex;flex-direction:column;gap:12px}.maw-ref-header{display:flex;flex-direction:column;gap:4px}.maw-ref-title{font-size:14px;font-weight:700;color:#0f172a}.maw-ref-explanation{font-size:13px;color:#64748b;line-height:1.45}.maw-ref-list{display:flex;flex-direction:column;gap:12px;max-height:250px;overflow-y:auto;padding-right:4px}.maw-ref-list::-webkit-scrollbar{width:6px}.maw-ref-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.maw-ref-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.maw-ref-card{background:#f8fafc;border-radius:var(--maw-radius-input);padding:14px 16px;border:1px solid transparent;transition:all .15s ease}.maw-ref-card.has-error{background:#fef2f2;border-color:#fecaca}.maw-ref-card.is-valid{background:#f0fdf4;border-color:#bbf7d0}.maw-ref-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.maw-ref-item-label{font-size:13px;font-weight:700;color:#334155}.maw-ref-code-preview{font-family:monospace;font-size:12px;font-weight:700;color:var(--maw-blue);background:#e2e8f0;padding:2px 8px;border-radius:4px}.maw-input{width:100%;height:44px;padding:0 14px;border:1px solid #cbd5e1;border-radius:var(--maw-radius-input);outline:none;background:#ffffff;color:#0f172a;font-size:15px;font-family:monospace;font-weight:600;text-transform:uppercase;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.maw-input:focus{border-color:var(--maw-blue);box-shadow:0 0 0 3px #002d721a}.maw-input-status{font-size:12px;font-weight:600;margin-top:6px;display:flex;align-items:center;gap:5px}.maw-input-status.error{color:#dc2626}.maw-input-status.success{color:#16a34a}.maw-input-status.checking{color:#64748b}.maw-invoice-section{display:flex;flex-direction:column;gap:14px}.maw-form-group{display:flex;flex-direction:column;gap:6px;text-align:left}.maw-label{font-size:14px;font-weight:700;color:#334155}.maw-text-input{width:100%;height:44px;padding:0 14px;border:1px solid #cbd5e1;border-radius:var(--maw-radius-input);outline:none;background:#ffffff;color:#0f172a;font-size:15px;font-weight:500;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.maw-text-input:focus{border-color:var(--maw-blue);box-shadow:0 0 0 3px #002d721a}.maw-price-summary{background:#f8fafc;border-radius:var(--maw-radius-input);padding:16px 20px;display:flex;flex-direction:column;gap:10px}.maw-price-line{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#64748b}.maw-price-divider{height:1px;background:#e2e8f0;margin:2px 0}.maw-price-line.total{font-size:17px;font-weight:800;color:#0f172a}.maw-price-line.total .maw-price-total-val{font-size:19px;color:var(--maw-blue)}.maw-cta-wrap{display:flex;flex-direction:column;gap:8px}.maw-cta-button{width:100%;min-height:52px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--maw-radius-input);background:var(--maw-blue);color:#fff;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 6px 18px #002d7233;transition:all .15s ease}.maw-cta-button:hover:not(:disabled){background:var(--maw-blue-hover);transform:translateY(-1px);box-shadow:0 8px 24px #002d7247}.maw-cta-button:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed;box-shadow:none;transform:none}.maw-disabled-hint{font-size:13px;color:#e11d48;text-align:center;margin:0;font-weight:600}.maw-trust-footer{text-align:center;font-size:12px;color:#64748b;display:flex;align-items:center;justify-content:center;gap:6px}.maw-trust-icon{font-size:16px;color:#16a34a}.maw-error-alert{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:var(--maw-radius-input);padding:10px 14px;font-size:13px;display:flex;align-items:center;gap:6px}.maw-success-wrap{text-align:center;padding:16px 0}.maw-success-icon-box{width:60px;height:60px;margin:0 auto 14px;border-radius:50%;background:#dcfce7;color:#15803d;display:flex;align-items:center;justify-content:center;font-size:32px}.maw-success-title{font-size:22px;font-weight:800;color:#0f172a;margin:0 0 6px}.maw-success-desc{font-size:14px;color:#64748b;margin:0 0 20px;line-height:1.5}.maw-success-codes-box{background:#f8fafc;border-radius:var(--maw-radius-input);padding:16px;display:flex;flex-direction:column;gap:10px;text-align:left;max-height:240px;overflow-y:auto;margin-bottom:20px}.maw-success-code-row{background:#ffffff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between}.maw-success-code-text{font-family:monospace;font-size:16px;font-weight:800;color:var(--maw-blue)}.maw-copy-button{background:#f1f5f9;border:1px solid #cbd5e1;color:#334155;font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.maw-copy-button:hover{background:#e2e8f0}@media (max-width: 880px){.maw-checkout-main{grid-template-columns:1fr;padding:20px 16px;gap:20px}.maw-checkout-hero{position:static;padding:20px;gap:12px}.maw-checkout-hero-title{font-size:22px}.maw-checkout-hero-bullets{display:none}.maw-invoice-section{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}