.page-container[data-v-68b6f724]{--bg-main:#0a0a0b;--bg-surface:#141415;--bg-surface-alt:#18181b;--border-color:#27272a;--text-main:#f4f4f5;--text-muted:#a1a1aa;--primary-accent:#fff;--primary-accent-hover:#e4e4e7;--danger-color:#ef4444;--danger-hover:#dc2626;--danger-bg:#ef44441a;--danger-border:#ef444433;background-color:var(--bg-main);min-height:100vh;color:var(--text-main);box-sizing:border-box;padding:3rem 2rem;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif}.header[data-v-68b6f724]{max-width:800px;margin:0 auto 2.5rem}.header-content[data-v-68b6f724]{align-items:flex-start;gap:1.5rem;display:flex}.btn-icon[data-v-68b6f724]{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin-top:.25rem;transition:all .2s;display:flex}.btn-icon[data-v-68b6f724]:hover{background:var(--bg-surface);color:var(--text-main)}.badge[data-v-68b6f724]{background:var(--bg-surface-alt);color:var(--text-muted);border:1px solid var(--border-color);border-radius:4px;margin-bottom:.5rem;padding:.25rem .6rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.75rem;display:inline-block}.title[data-v-68b6f724]{letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:600}.content-grid[data-v-68b6f724]{flex-direction:column;gap:2rem;max-width:800px;margin:0 auto;display:flex}.card[data-v-68b6f724]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.card-header[data-v-68b6f724]{margin-bottom:1.5rem}.section-title[data-v-68b6f724]{margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.section-desc[data-v-68b6f724]{color:var(--text-muted);margin:0;font-size:.875rem}.add-page-box[data-v-68b6f724]{background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.input-row[data-v-68b6f724]{margin-bottom:1rem}.textarea-field[data-v-68b6f724]{background-color:var(--bg-surface);width:100%;color:var(--text-main);border:1px solid var(--border-color);box-sizing:border-box;resize:vertical;border-radius:8px;outline:none;min-height:120px;padding:.75rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.875rem;transition:border-color .2s}.textarea-field[data-v-68b6f724]:focus{border-color:var(--primary-accent)}.textarea-field[data-v-68b6f724]::placeholder{color:#52525b}.action-row[data-v-68b6f724]{justify-content:flex-end;display:flex}.btn-primary[data-v-68b6f724]{background-color:var(--primary-accent);color:#000;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:opacity .2s}.btn-primary[data-v-68b6f724]:hover:not(:disabled){opacity:.9}.btn-primary[data-v-68b6f724]:disabled{opacity:.5;cursor:not-allowed}.pages-list[data-v-68b6f724]{flex-direction:column;gap:.5rem;display:flex}.empty-pages[data-v-68b6f724]{text-align:center;color:var(--text-muted);border:1px dashed var(--border-color);border-radius:8px;padding:2rem;font-size:.875rem}.page-item[data-v-68b6f724]{background:var(--bg-surface-alt);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.page-info[data-v-68b6f724]{flex-direction:column;gap:.25rem;display:flex}.page-name[data-v-68b6f724]{font-size:.95rem;font-weight:500}.page-meta[data-v-68b6f724]{color:#10b981;font-size:.75rem}.btn-danger-outline[data-v-68b6f724]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.btn-danger-outline[data-v-68b6f724]:hover{background:var(--danger-bg);color:var(--danger-color)}.danger-card[data-v-68b6f724]{border-color:var(--danger-border);background:linear-gradient(to right, var(--bg-surface), var(--bg-main))}.text-danger[data-v-68b6f724]{color:var(--danger-color)}.danger-action[data-v-68b6f724]{margin-top:1.5rem}.btn-danger[data-v-68b6f724]{background-color:var(--danger-bg);color:var(--danger-color);border:1px solid var(--danger-border);cursor:pointer;border-radius:8px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.btn-danger[data-v-68b6f724]:hover{background-color:var(--danger-color);color:#fff}.modal-backdrop[data-v-c085c6cf]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeIn-c085c6cf;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn-c085c6cf{0%{opacity:0}to{opacity:1}}.modal-content[data-v-c085c6cf]{color:#f4f4f5;background:#18181b;border:1px solid #27272a;border-radius:16px;width:100%;max-width:420px;padding:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;animation:.3s cubic-bezier(.16,1,.3,1) slideUp-c085c6cf;box-shadow:0 25px 50px -12px #000000b3}@keyframes slideUp-c085c6cf{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-c085c6cf]{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-title[data-v-c085c6cf]{margin:0;font-size:1.125rem;font-weight:600}.btn-close[data-v-c085c6cf]{color:#a1a1aa;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.btn-close[data-v-c085c6cf]:hover{color:#f4f4f5;background:#27272a}.form-container[data-v-c085c6cf]{flex-direction:column;gap:1.25rem;display:flex}.form-group[data-v-c085c6cf]{flex-direction:column;gap:.5rem;display:flex}label[data-v-c085c6cf]{color:#a1a1aa;font-size:.8125rem;font-weight:500}input[data-v-c085c6cf]{color:#f4f4f5;background-color:#0a0a0b;border:1px solid #27272a;border-radius:8px;outline:none;padding:.75rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}input[data-v-c085c6cf]::placeholder{color:#52525b}input[data-v-c085c6cf]:focus{border-color:#fff;box-shadow:0 0 0 1px #fff}.error-border[data-v-c085c6cf]{border-color:#ef4444!important}.error-wrapper[data-v-c085c6cf]{height:1rem}.error-msg[data-v-c085c6cf]{color:#ef4444;margin:0;font-size:.75rem}.modal-actions[data-v-c085c6cf]{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.btn-cancel[data-v-c085c6cf]{color:#a1a1aa;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-cancel[data-v-c085c6cf]:hover{color:#f4f4f5;background:#27272a}.btn-submit[data-v-c085c6cf]{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:background .2s,transform .1s}.btn-submit[data-v-c085c6cf]:hover{background:#e4e4e7}.btn-submit[data-v-c085c6cf]:active{transform:scale(.98)}.page-container[data-v-6c960276]{--bg-main:#0a0a0b;--bg-surface:#141415;--bg-surface-hover:#1c1c1e;--border-color:#27272a;--text-main:#f4f4f5;--text-muted:#a1a1aa;--primary-accent:#fff;--primary-accent-hover:#e4e4e7;--btn-secondary-bg:#18181b;--btn-secondary-border:#3f3f46;--btn-secondary-hover:#27272a;background-color:var(--bg-main);min-height:100vh;color:var(--text-main);box-sizing:border-box;padding:3rem 2rem;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif}.header[data-v-6c960276]{justify-content:space-between;align-items:flex-end;max-width:800px;margin:0 auto 2.5rem;display:flex}.title[data-v-6c960276]{letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.75rem;font-weight:600}.subtitle[data-v-6c960276]{color:var(--text-muted);margin:0;font-size:.875rem}.btn-primary[data-v-6c960276]{background-color:var(--primary-accent);color:#000;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #ffffff1a}.btn-primary[data-v-6c960276]:hover{background-color:var(--primary-accent-hover);transform:translateY(-1px)}.btn-secondary[data-v-6c960276]{background-color:var(--btn-secondary-bg);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;padding:.4rem .875rem;font-size:.8125rem;font-weight:500;transition:all .2s}.btn-secondary[data-v-6c960276]:hover{background-color:var(--btn-secondary-hover);border-color:var(--btn-secondary-border)}.list-container[data-v-6c960276]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;max-width:800px;margin:0 auto;box-shadow:0 4px 20px #0006}.customer-list[data-v-6c960276]{margin:0;padding:0;list-style:none}.customer-item[data-v-6c960276]{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;transition:background-color .2s;display:flex}.customer-item[data-v-6c960276]:last-child{border-bottom:none}.customer-item[data-v-6c960276]:hover{background-color:var(--bg-surface-hover)}.customer-info[data-v-6c960276]{flex-direction:column;gap:.35rem;display:flex}.customer-name[data-v-6c960276]{letter-spacing:-.01em;font-size:1rem;font-weight:500}.customer-id[data-v-6c960276]{color:var(--text-muted);align-items:center;gap:.35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;display:flex}.empty-state[data-v-6c960276]{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.empty-icon[data-v-6c960276]{opacity:.5;font-size:2.5rem}.preview-layout[data-v-63ea11a9]{--bg-main:#0a0a0b;--accent:#fff;--text-main:#f4f4f5;--text-muted:#a1a1aa;background-color:var(--bg-main);flex-direction:column;width:100vw;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.loading-state[data-v-63ea11a9]{color:var(--text-muted);flex:1;justify-content:center;align-items:center;display:flex}.iframe-wrapper[data-v-63ea11a9]{background-color:#fff;flex:1;width:100%;position:relative}.preview-iframe[data-v-63ea11a9]{border:none;width:100%;height:100%;display:block}.bottom-dock-container[data-v-63ea11a9]{z-index:100;animation:.4s cubic-bezier(.16,1,.3,1) slideUpFade-63ea11a9;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes slideUpFade-63ea11a9{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.segmented-control[data-v-63ea11a9]{-webkit-backdrop-filter:blur(16px);background:#18181bbf;border:1px solid #ffffff1a;border-radius:999px;align-items:center;padding:.375rem;display:flex;box-shadow:0 10px 40px #00000080,0 0 0 1px #0003}.segment-btn[data-v-63ea11a9]{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.segment-btn[data-v-63ea11a9]:hover:not(.is-active){color:var(--text-main);background:#ffffff14}.segment-btn.is-active[data-v-63ea11a9]{background:var(--accent);color:#000;box-shadow:0 2px 8px #00000026}