.workspace-selector{position:relative;width:100%;margin-top:16px}.workspace-selector-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:#00000008;border:1px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all .2s ease;color:var(--color-text-primary)}.workspace-selector-trigger:hover{background:#0368ee26;border-color:#0368ee80}.workspace-selector-trigger:disabled{opacity:.5;cursor:not-allowed}.workspace-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#0368ee,#00bcb7);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:#fff;flex-shrink:0}.workspace-selector-info{flex:1;min-width:0;text-align:left}.workspace-selector-name{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-selector-label{display:block;font-size:.7rem;color:var(--color-text-muted);margin-top:2px}.workspace-selector-chevron{flex-shrink:0;width:16px;height:16px;color:var(--color-text-muted);transition:transform .2s ease}.workspace-selector-trigger:hover .workspace-selector-chevron{color:var(--color-text-primary)}.workspace-selector-chevron.open{transform:rotate(180deg)}.workspace-selector-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 24px #0000001a;z-index:200;max-height:320px;overflow-y:auto;animation:dropdownSlide .15s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.workspace-selector-dropdown::-webkit-scrollbar{width:6px}.workspace-selector-dropdown::-webkit-scrollbar-track{background:transparent}.workspace-selector-dropdown::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.workspace-selector-list{padding:6px}.workspace-selector-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease;color:var(--color-text-secondary);text-align:left}.workspace-selector-item:hover{background:#0000000d;color:var(--color-text-primary)}.workspace-selector-item.active{background:#0368ee33;color:var(--color-text-primary)}.workspace-selector-item:disabled{opacity:.5;cursor:not-allowed}.workspace-item-avatar{width:28px;height:28px;border-radius:6px;background:#0000000d;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;color:var(--color-text-secondary);flex-shrink:0}.workspace-selector-item.active .workspace-item-avatar{background:linear-gradient(135deg,#0368ee,#00bcb7);color:#fff}.workspace-item-info{flex:1;min-width:0}.workspace-item-name{display:block;font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-item-role{display:inline-block;font-size:.625rem;padding:2px 6px;border-radius:4px;font-weight:500;text-transform:uppercase;letter-spacing:.03em;margin-top:3px}.workspace-item-role.role-owner{background:#44a60826;color:#2d8a06}.workspace-item-role.role-admin{background:#0368ee26;color:#0256c7}.workspace-item-check{width:18px;height:18px;color:var(--color-primary, #0368EE);flex-shrink:0}.workspace-switching-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg-page, #F7F9FC);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;gap:24px;animation:overlayFadeIn .15s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.workspace-switching-spinner{width:48px;height:48px;border:4px solid var(--color-border, #E4E7ED);border-top-color:var(--color-primary, #0368EE);border-radius:50%;animation:spin .8s linear infinite}.workspace-switching-content{display:flex;flex-direction:column;align-items:center;gap:8px}.workspace-switching-text{font-size:1rem;color:var(--color-text-secondary, #4F5960)}.workspace-switching-name{font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #0F1922)}.sidebar-collapsed .workspace-selector{margin-top:8px}.sidebar-collapsed .workspace-selector-trigger{padding:6px;justify-content:center}.sidebar-collapsed .workspace-selector-info,.sidebar-collapsed .workspace-selector-chevron{display:none}.crm-page{max-width:1400px}.search-filters-bar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-input{flex:1;min-width:200px;padding:10px 16px;border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;background-color:#fff;transition:border-color .15s ease}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-primary:disabled{background-color:var(--color-primary-light);cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:#fff;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-secondary:hover{background-color:var(--color-bg-page);border-color:var(--color-border)}.btn-secondary:disabled{background-color:var(--color-bg-page);border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.btn-secondary:disabled:hover{background-color:var(--color-bg-page);border-color:var(--color-border)}.btn-primary.disabled{background-color:var(--color-primary-light);cursor:not-allowed;pointer-events:none;opacity:.6}.btn-secondary.disabled{background-color:var(--color-bg-page);border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed;pointer-events:none;opacity:.6}.btn-sm{padding:6px 12px;font-size:.75rem}.btn-icon{padding:8px;background:none;border:none;cursor:pointer;border-radius:6px;color:var(--color-text-secondary);transition:all .15s ease}.btn-icon:hover{background-color:var(--color-bg-page);color:var(--color-text-secondary)}.select-input{padding:10px 16px;border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;background-color:#fff;cursor:pointer;min-width:150px}.select-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.card{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.card-header{padding:16px 20px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.card-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.card-body{padding:20px}.contact-table-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.contact-table{width:100%;border-collapse:collapse}.contact-table th{text-align:left;padding:12px 16px;background-color:var(--color-bg-page);font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.contact-table td{padding:16px;border-bottom:1px solid var(--color-border);font-size:.875rem;color:var(--color-text-secondary)}.contact-table tr:last-child td{border-bottom:none}.contact-table tbody tr{cursor:pointer;transition:background-color .15s ease}.contact-table tbody tr:hover{background-color:var(--color-bg-page)}.contact-table .name-cell{font-weight:500;color:var(--color-text-primary)}.contact-table .name-cell a{color:var(--color-text-primary);text-decoration:none}.contact-table .name-cell a:hover{color:var(--color-primary);text-decoration:underline}.contact-table .secondary-cell{color:var(--color-text-secondary)}.contact-name{font-weight:500;color:var(--color-text-primary)}.contact-email{color:var(--color-text-secondary)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid var(--color-border);background-color:var(--color-bg-page)}.pagination-btn{padding:8px 16px;border:1px solid var(--color-border);border-radius:6px;background-color:#fff;font-size:.875rem;cursor:pointer;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background-color:var(--color-bg-page)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:var(--color-text-secondary)}.loading-spinner-small{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:16px}.empty-state-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.empty-state-description{color:var(--color-text-secondary);margin:0}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center;color:var(--color-error)}.error-state-icon{font-size:2rem;margin-bottom:12px}.contact-detail-page{max-width:1200px}.contact-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.contact-header-info h1{font-size:1.75rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.contact-header-meta{display:flex;gap:16px;color:var(--color-text-secondary);font-size:.875rem}.contact-header-meta span{display:flex;align-items:center;gap:4px}.contact-header-actions{display:flex;gap:12px}.back-link{display:inline-flex;align-items:center;gap:4px;color:var(--color-primary);text-decoration:none;font-size:.875rem;font-weight:500;margin-bottom:16px}.contact-sections{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:1024px){.contact-sections{grid-template-columns:1fr}}.section-full-width{grid-column:1 / -1}.activity-feed{display:flex;flex-direction:column;gap:16px;max-height:500px;overflow-y:auto}.activity-item{display:flex;gap:12px;padding:12px;background-color:var(--color-bg-page);border-radius:8px}.activity-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:8px;font-size:1rem;flex-shrink:0}.activity-icon.note{background-color:#fef3c7}.activity-icon.call{background-color:#dbeafe}.activity-icon.email{background-color:#e0e7ff}.activity-icon.sms{background-color:#d1fae5}.activity-icon.slack{background-color:#fce7f3}.activity-icon.system{background-color:var(--color-border)}.activity-content{flex:1;min-width:0}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.activity-subject{font-weight:500;color:var(--color-text-primary);font-size:.875rem}.activity-meta{display:flex;gap:8px;align-items:center}.activity-time{font-size:.75rem;color:var(--color-text-muted)}.activity-source{font-size:.625rem;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:600}.activity-source.manual{background-color:#dbeafe;color:#1d4ed8}.activity-source.automated{background-color:#d1fae5;color:var(--color-success)}.activity-body{font-size:.875rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.call-outcome-badge{font-size:.625rem;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:600}.outcome-no-show{background-color:var(--color-error-light);color:#b91c1c}.outcome-completed{background-color:#d1fae5;color:#047857}.outcome-rescheduled{background-color:#fef3c7;color:#92400e}.outcome-follow-up{background-color:#dbeafe;color:#1d4ed8}.outcome-won{background-color:#d1fae5;color:#047857}.outcome-lost{background-color:var(--color-error-light);color:#b91c1c}.call-metadata{display:flex;gap:12px;align-items:center;margin:4px 0;font-size:.75rem;color:var(--color-text-secondary)}.call-duration{display:inline-flex;align-items:center;gap:4px}.call-recording-link{color:var(--color-primary);text-decoration:none;font-weight:500}.call-recording-link:hover{text-decoration:underline}.activity-filters{margin-bottom:16px}.task-list{display:flex;flex-direction:column;gap:8px}.task-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background-color:var(--color-bg-page);border-radius:8px}.task-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary);flex-shrink:0;margin-top:2px}.task-content{flex:1}.task-title{font-size:.875rem;font-weight:500;color:var(--color-text-primary);margin:0 0 4px}.task-title.completed{text-decoration:line-through;color:var(--color-text-muted)}.task-due{font-size:.75rem;color:var(--color-text-secondary)}.task-due.overdue{color:var(--color-error)}.completed-tasks-toggle{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.completed-tasks-header{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.completed-tasks-list{margin-top:12px}.deals-list{display:flex;flex-direction:column;gap:12px}.deal-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--color-bg-page);border-radius:8px}.deal-info{flex:1}.deal-title{font-weight:500;color:var(--color-text-primary);margin:0 0 4px;font-size:.875rem}.deal-stage{font-size:.75rem;color:var(--color-text-secondary)}.deal-value{font-weight:600;color:var(--color-success)}.deal-status{font-size:.75rem;padding:4px 8px;border-radius:4px;font-weight:500}.deal-status.open{background-color:#dbeafe;color:#1d4ed8}.deal-status.won{background-color:#d1fae5;color:var(--color-success)}.deal-status.lost{background-color:var(--color-error-light);color:var(--color-error)}.appointments-list{display:flex;flex-direction:column;gap:12px}.appointment-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--color-bg-page);border-radius:8px}.appointment-info{flex:1}.appointment-date{font-weight:500;color:var(--color-text-primary);margin:0 0 4px;font-size:.875rem}.appointment-time{font-size:.75rem;color:var(--color-text-secondary)}.appointment-status{font-size:.75rem;padding:4px 8px;border-radius:4px;font-weight:500}.appointment-status.pending{background-color:#fef3c7;color:#92400e}.appointment-status.confirmed{background-color:#dbeafe;color:#1d4ed8}.appointment-status.completed{background-color:#d1fae5;color:var(--color-success)}.appointment-status.canceled{background-color:var(--color-border);color:var(--color-text-secondary)}.pipeline-board-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:16px;overflow-x:auto}.pipeline-selector{display:flex;gap:16px;align-items:center;margin-bottom:20px}.pipeline-selector label{font-weight:500;color:var(--color-text-secondary)}.kanban-board{display:flex;gap:16px;min-height:500px;padding-bottom:16px}.kanban-column{flex:0 0 280px;background-color:var(--color-bg-page);border-radius:8px;display:flex;flex-direction:column;max-height:600px}.kanban-column-header{padding:12px 16px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.kanban-column-title{font-weight:600;color:var(--color-text-primary);font-size:.875rem}.kanban-column-count{font-size:.75rem;color:var(--color-text-secondary);background-color:var(--color-border);padding:2px 8px;border-radius:10px}.kanban-column-body{flex:1;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;min-height:100px}.kanban-column-body.drag-over{background-color:#e0e7ff}.deal-card{background-color:#fff;border-radius:8px;padding:12px;box-shadow:0 1px 2px #0000000d;cursor:grab;transition:all .15s ease;border:2px solid transparent}.deal-card:hover{box-shadow:0 2px 4px #0000001a}.deal-card.dragging{opacity:.5;cursor:grabbing}.deal-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.deal-card-title{font-weight:500;color:var(--color-text-primary);margin:0;font-size:.875rem;flex:1}.deal-status-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:4px;white-space:nowrap}.deal-status-badge.status-open{background-color:#dbeafe;color:#1d4ed8}.deal-status-badge.status-won{background-color:#d1fae5;color:#047857}.deal-status-badge.status-lost{background-color:var(--color-error-light);color:#b91c1c}.deal-card-contact{font-size:.75rem;color:var(--color-text-secondary);margin-bottom:8px}.deal-card-value{font-weight:600;color:var(--color-success);font-size:.875rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalOverlayFadeIn .2s ease-out}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.modal{position:relative;background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:modalSlideUp .2s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--color-border)}.modal-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;padding:4px;line-height:1}.modal-close:hover{color:var(--color-text-secondary)}.modal-close-floating{position:absolute;top:16px;right:16px;z-index:1}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--color-border)}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:6px}.form-input{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;transition:border-color .15s ease}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.form-textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;min-height:100px;resize:vertical;font-family:inherit}.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.toast{position:fixed;bottom:24px;right:24px;padding:12px 20px;background-color:var(--color-text-primary);color:#fff;border-radius:8px;font-size:.875rem;box-shadow:0 4px 6px -1px #0000001a;z-index:1100;animation:slideIn .3s ease}.toast.error{background-color:var(--color-error)}.toast.success{background-color:var(--color-success)}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.load-more-btn{width:100%;padding:12px;margin-top:16px;background-color:var(--color-bg-page);border:none;border-radius:8px;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:background-color .15s ease}.load-more-btn:hover{background-color:var(--color-border)}.pipeline-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.pipeline-actions{display:flex;gap:12px}.pipeline-settings-wrapper{position:relative}.pipeline-settings-menu{position:absolute;top:100%;right:0;margin-top:4px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:160px;overflow:hidden}.pipeline-menu-item{display:block;width:100%;padding:10px 16px;text-align:left;background:none;border:none;font-size:.875rem;color:var(--color-text-secondary);cursor:pointer;transition:background-color .15s ease}.pipeline-menu-item:hover{background-color:var(--color-bg-page)}.pipeline-menu-item.danger{color:var(--color-error)}.pipeline-menu-item.danger:hover{background-color:var(--color-error-light)}.pipeline-menu-item.disabled{color:var(--color-text-muted);cursor:not-allowed}.pipeline-menu-item.disabled:hover{background-color:transparent}.btn-danger{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--color-error);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.btn-danger:hover{background-color:#b91c1c}.btn-danger:disabled{background-color:#fca5a5;cursor:not-allowed}.btn-link{background:none;border:none;color:var(--color-primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:0;text-decoration:none}.btn-link:hover{text-decoration:underline}.kanban-column-header{cursor:grab}.kanban-column-header.dragging{opacity:.5}.kanban-column-header.drag-over{background-color:#e0e7ff}.stage-header-content{display:flex;align-items:center;gap:8px;flex:1}.stage-drag-handle{color:var(--color-text-muted);font-size:.875rem;cursor:grab;-webkit-user-select:none;user-select:none}.kanban-column-title.editable{cursor:text}.kanban-column-title.editable:hover{background-color:var(--color-border);padding:2px 6px;margin:-2px -6px;border-radius:4px}.stage-name-input{padding:4px 8px;border:1px solid var(--color-primary);border-radius:4px;font-size:.875rem;font-weight:600;width:120px}.stage-name-input:focus{outline:none;box-shadow:0 0 0 2px #0368ee33}.stage-header-actions{position:relative}.stage-menu-button{background:none;border:none;padding:4px 8px;color:var(--color-text-secondary);cursor:pointer;border-radius:4px;font-size:1rem}.stage-menu-button:hover{background-color:var(--color-border);color:var(--color-text-secondary)}.stage-menu-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:120px;overflow:hidden}.stage-menu-item{display:block;width:100%;padding:8px 12px;text-align:left;background:none;border:none;font-size:.875rem;color:var(--color-text-secondary);cursor:pointer;transition:background-color .15s ease}.stage-menu-item:hover{background-color:var(--color-bg-page)}.stage-menu-item.danger{color:var(--color-error)}.stage-menu-item.danger:hover{background-color:var(--color-error-light)}.stage-menu-item.disabled{color:var(--color-text-muted);cursor:not-allowed}.stage-menu-item.disabled:hover{background-color:transparent}.add-stage-column{flex:0 0 200px;background-color:transparent;border:2px dashed var(--color-border);display:flex;flex-direction:column;justify-content:flex-start;padding:16px}.add-stage-button{width:100%;padding:12px;background:none;border:none;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:6px;transition:all .15s ease}.add-stage-button:hover{background-color:var(--color-bg-page);color:var(--color-text-secondary)}.add-stage-form{display:flex;flex-direction:column;gap:8px}.add-stage-actions{display:flex;gap:8px}.kanban-column.column-dragging{opacity:.5}.kanban-column.column-drag-over{border:2px solid var(--color-primary)}.pipeline-empty-hint{text-align:center;padding:24px;color:var(--color-text-secondary);font-size:.875rem;background-color:var(--color-bg-page);border-radius:8px;margin-top:16px}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.confirm-dialog{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;padding:24px;max-width:400px;width:90%}.confirm-dialog-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 12px}.confirm-dialog-message{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 24px;line-height:1.5}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:12px}.contact-search-container{position:relative}.contact-search-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.contact-search-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:200px;overflow-y:auto}.contact-search-option{padding:10px 12px;cursor:pointer;transition:background-color .15s ease}.contact-search-option:hover{background-color:var(--color-bg-page)}.contact-search-name{display:block;font-weight:500;color:var(--color-text-primary);font-size:.875rem}.contact-search-email{display:block;font-size:.75rem;color:var(--color-text-secondary);margin-top:2px}.contact-search-empty{padding:12px;text-align:center;color:var(--color-text-muted);font-size:.875rem}.currency-input-wrapper{position:relative;display:flex;align-items:center}.currency-symbol{position:absolute;left:12px;color:var(--color-text-secondary);font-size:.875rem}.currency-input{padding-left:28px!important}.form-help-text{font-size:.75rem;color:var(--color-text-muted);margin-top:4px}.help-tooltip{margin-top:8px;padding:12px;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;font-size:.875rem;color:#0c4a6e}.help-tooltip p{margin:0 0 8px}.help-tooltip p:last-child{margin-bottom:0}.form-error-text{font-size:.75rem;color:var(--color-error);margin-top:4px}.form-input-error{border-color:var(--color-error)}.form-static-value{font-size:.875rem;color:var(--color-text-secondary)}.deal-detail-footer{justify-content:space-between}.modal-footer-right{display:flex;gap:12px}.deal-contact-display{display:flex;justify-content:space-between;align-items:center}@media(max-width:768px){.search-filters-bar{flex-direction:column}.search-input{width:100%}.kanban-board{padding-bottom:8px}.kanban-column{flex:0 0 260px}.contact-header{flex-direction:column;gap:16px}.contact-header-actions{width:100%}.contact-header-actions button{flex:1}.pipeline-header-bar{flex-direction:column;align-items:stretch}.pipeline-actions{justify-content:flex-end}}.contact-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-row{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.detail-value{font-size:.875rem;color:var(--color-text-primary)}@media(max-width:640px){.contact-details-grid{grid-template-columns:1fr}}.tags-row{grid-column:1 / -1}.contact-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.contact-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#e0e7ff;color:var(--color-primary-hover);border-radius:12px;font-size:.8125rem;font-weight:500}.tag-remove-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:#4338ca26;border:none;border-radius:50%;color:var(--color-primary-hover);font-size:.75rem;cursor:pointer;transition:background .15s ease}.tag-remove-btn:hover:not(:disabled){background:#4338ca4d}.tag-remove-btn:disabled{opacity:.5;cursor:not-allowed}.no-tags{color:var(--color-text-muted);font-size:.875rem;font-style:italic}.add-tag-btn{padding:4px 10px;background:transparent;border:1px dashed var(--color-border);border-radius:12px;color:var(--color-text-secondary);font-size:.8125rem;cursor:pointer;transition:all .15s ease}.add-tag-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#0368ee0d}.text-muted{color:var(--color-text-secondary)}.table-link{color:var(--color-primary);text-decoration:none;display:flex;flex-direction:column;gap:2px}.table-link:hover{color:var(--color-primary-hover);text-decoration:underline}.submission-date{font-size:.875rem;color:var(--color-text-secondary)}.submitted-data-preview{display:flex;flex-wrap:wrap;gap:6px}.data-chip{display:inline-block;padding:2px 8px;background-color:var(--color-bg-page);border-radius:4px;font-size:.75rem;color:#4b5563;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-chip.more{background-color:var(--color-border);color:var(--color-text-secondary)}.expanded-row{background-color:var(--color-bg-page)}.expanded-row td{padding:0!important}.submission-details{padding:20px 24px;border-top:1px solid var(--color-border)}.submission-details-header{margin-bottom:16px}.submission-details-header h4{margin:0;font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.submission-data-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:16px}.submission-metadata{padding-top:16px;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:24px}.metadata-item{display:flex;gap:8px;font-size:.75rem}.metadata-label{color:var(--color-text-secondary)}.metadata-value{color:var(--color-text-secondary);word-break:break-all}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:.875rem;color:var(--color-text-secondary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.booking-link-name{display:flex;flex-direction:column;gap:2px}.booking-link-slug{font-size:.75rem;color:var(--color-text-secondary)}.status-badge.status-active{background-color:#d1fae5;color:var(--color-success)}.status-badge.status-inactive{background-color:var(--color-bg-page);color:var(--color-text-secondary)}.connection-status{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:var(--color-bg-page);border-radius:8px;gap:16px}.connection-status.connected{background-color:#d1fae5;border:1px solid var(--color-success)}.connection-status.not-connected{background-color:var(--color-bg-page)}.connection-info{display:flex;align-items:flex-start;gap:12px}.connection-icon{font-size:1.5rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:8px;flex-shrink:0}.connection-status.connected .connection-icon{background-color:var(--color-success);color:#fff}.connection-details strong{display:block;font-size:.875rem;margin-bottom:4px}.connection-details p{margin:0;font-size:.8125rem;line-height:1.4}.connection-actions{display:flex;gap:8px;flex-shrink:0}.calendar-list{display:flex;flex-direction:column;gap:8px}.calendar-item{padding:12px;background-color:var(--color-bg-page);border-radius:8px}.calendar-item:hover{background-color:var(--color-bg-page)}.primary-badge{display:inline-block;margin-left:8px;padding:2px 6px;background-color:#e0e7ff;color:var(--color-primary);font-size:.6875rem;font-weight:600;border-radius:4px;text-transform:uppercase}.section-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border)}.availability-grid{display:flex;flex-direction:column;gap:12px;margin-top:16px}.availability-row{display:flex;align-items:center;gap:16px;padding:12px;background-color:var(--color-bg-page);border-radius:8px}.availability-day{min-width:140px}.day-label{font-weight:500}.availability-times{display:flex;align-items:center;gap:8px}.time-select{width:110px}.time-separator{color:var(--color-text-secondary);font-size:.875rem}.availability-unavailable{color:var(--color-text-muted);font-size:.875rem;font-style:italic}@media(max-width:640px){.availability-row{flex-direction:column;align-items:flex-start;gap:8px}.availability-times{flex-wrap:wrap}.connection-status{flex-direction:column;align-items:flex-start}}.crm-filters{margin-bottom:20px}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.filter-tab{padding:8px 16px;border:1px solid var(--color-border);border-radius:6px;background:#fff;font-size:.85rem;color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.filter-tab:hover{background:var(--color-bg-page)}.filter-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.status-pending{background:#fef3c7;color:#92400e}.status-badge.status-confirmed{background:#dbeafe;color:#1d4ed8}.status-badge.status-completed{background:#d1fae5;color:#047857}.status-badge.status-canceled{background:var(--color-error-light);color:#b91c1c}.appointment-time{display:flex;flex-direction:column;gap:2px}.time-duration{font-size:.8rem;color:var(--color-text-secondary)}.booking-link-badge{display:inline-block;padding:3px 8px;background:#e0e7ff;color:var(--color-primary);border-radius:4px;font-size:.75rem}.action-btn{padding:4px 12px;border:1px solid var(--color-border);border-radius:4px;background:#fff;font-size:.8rem;color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.action-btn:hover{background:var(--color-bg-page);border-color:var(--color-border)}.action-btn-danger{color:var(--color-error)}.action-btn-danger:hover{background:var(--color-error-light);border-color:var(--color-error-light)}.link-button{background:none;border:none;color:var(--color-primary);cursor:pointer;text-align:left;padding:0;font-size:inherit}.link-button:hover{text-decoration:underline}.text-small{font-size:.8rem}.form-select{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;background-color:#fff;cursor:pointer;transition:border-color .15s ease}.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.filters-section{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.search-form{display:flex;gap:8px;flex:1;min-width:200px}.filter-group{display:flex;gap:8px}.modal-body-scrollable{max-height:70vh;overflow-y:auto;padding:20px}.modal-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.modal-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.modal-section-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin:0 0 16px}.field-list{display:flex;flex-direction:column;gap:12px}.field-item{background-color:var(--color-bg-page);border:1px solid var(--color-border);border-radius:8px;padding:12px}.field-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.field-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.field-type-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;padding:2px 6px;background-color:#e0e7ff;color:var(--color-primary);border-radius:4px}.field-label{font-weight:500;color:var(--color-text-primary);font-size:.875rem}.required-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;padding:2px 6px;background-color:var(--color-error-light);color:var(--color-error);border-radius:4px}.field-actions{display:flex;gap:4px}.field-options{display:flex;flex-direction:column;gap:8px}.field-option-row{display:flex;align-items:center;gap:8px}.form-label-inline{font-size:.75rem;color:var(--color-text-secondary);min-width:70px}.form-input-sm{padding:6px 10px;font-size:.8125rem}.add-field-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.add-field-label{font-size:.75rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px}.add-field-buttons{display:flex;flex-wrap:wrap;gap:8px}.nested-options{margin-top:12px;padding-left:28px;border-left:2px solid var(--color-border)}.input-with-addon{display:flex;gap:8px}.form-help{font-size:.75rem;color:var(--color-text-muted);margin-top:4px}.form-input-color{width:60px;height:38px;padding:4px;cursor:pointer}.header-actions{display:flex;gap:12px;align-items:center}.btn-back{display:inline-flex;align-items:center;gap:4px;color:var(--color-text-secondary);font-size:.875rem;background:none;border:none;cursor:pointer;padding:0;margin-bottom:8px}.btn-back:hover{color:var(--color-primary)}.form-name-cell{display:flex;flex-direction:column;gap:2px}.form-name{font-weight:500;color:var(--color-text-primary)}.form-description{font-size:.75rem;color:var(--color-text-secondary)}.slug-display{font-size:.75rem;background-color:var(--color-bg-page);padding:2px 6px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.btn-danger-icon{color:var(--color-error)}.btn-danger-icon:hover{background-color:var(--color-error-light);color:#b91c1c}.table-row-link{display:grid;align-items:center;gap:0;color:inherit;text-decoration:none;padding:16px}.table-row-link:hover{color:inherit;background-color:var(--color-bg-page)}.table-row-link-cell{padding-right:16px;font-size:.875rem;color:var(--color-text-secondary)}.table-row-link-cell:last-child{padding-right:0}.table-row-link-cell.name-cell{font-weight:500;color:var(--color-text-primary)}.table-row-link-cell.secondary-cell{color:var(--color-text-secondary)}.table-row-link-cell .cell-subtext{display:block;font-size:.75rem;font-weight:400;color:var(--color-text-secondary);margin-top:2px}.commerce-table tbody tr:has(.table-row-link){cursor:default}.commerce-table tbody tr:has(.table-row-link):hover{background-color:transparent}.commerce-table td:has(.table-row-link){padding:0}.submission-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f19224d;z-index:1000;display:flex;justify-content:flex-end}.submission-sidebar-panel{width:420px;max-width:100vw;background:var(--color-bg-surface);height:100%;box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;animation:submissionSidebarSlideIn .2s ease-out}@keyframes submissionSidebarSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.submission-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border);flex-shrink:0}.submission-sidebar-title{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.submission-sidebar-close{width:32px;height:32px;border:none;background:none;cursor:pointer;font-size:1.25rem;color:var(--color-text-muted);border-radius:6px;display:flex;align-items:center;justify-content:center}.submission-sidebar-close:hover{background:var(--color-bg-page)}.submission-sidebar-body{flex:1;overflow-y:auto;padding:24px}.submission-sidebar-section{margin-bottom:24px}.submission-sidebar-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:12px}.submission-sidebar-meta-grid{display:grid;grid-template-columns:90px 1fr;gap:10px 12px;font-size:.82rem}.submission-sidebar-meta-label{color:var(--color-text-muted);font-weight:500}.submission-sidebar-meta-value{color:var(--color-text-primary)}.submission-sidebar-meta-value .link{color:var(--color-primary);text-decoration:none}.submission-sidebar-meta-value .link:hover{text-decoration:underline}.submission-sidebar-data-list{display:flex;flex-direction:column}.submission-sidebar-data-row{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--color-border);font-size:.82rem}.submission-sidebar-data-row:last-child{border-bottom:none}.submission-sidebar-data-key{color:var(--color-text-muted);font-weight:500;min-width:100px;flex-shrink:0}.submission-sidebar-data-value{color:var(--color-text-primary);text-align:right;word-break:break-word}.contact-detail-layout{display:flex;gap:0;min-height:0}.contact-side-panel{width:280px;flex-shrink:0;padding:20px 20px 20px 0;border-right:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;text-align:center}.contact-side-avatar{font-size:2.5rem;margin-bottom:8px}.contact-side-name{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:12px;word-break:break-word}.contact-side-field{font-size:.82rem;color:var(--color-text-secondary);margin-bottom:6px;display:flex;align-items:center;gap:4px;max-width:100%;overflow:hidden}.contact-side-email{font-size:.78rem;color:var(--color-text-secondary);margin-bottom:6px;display:flex;align-items:center;gap:4px;max-width:100%}.contact-side-email-icon{flex-shrink:0}.contact-side-email-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.contact-side-copy-only{font-size:0;line-height:0;gap:0}.contact-side-copy-only .copy-email-btn{flex-shrink:0}.contact-side-activity{width:100%;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border);text-align:left}.contact-side-activity-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.contact-side-activity-header .select-input{flex:1;min-width:0;padding:4px 8px;font-size:.75rem}.contact-side-activity .activity-feed{gap:6px;max-height:none}.contact-side-activity .activity-item{padding:6px 8px;gap:8px;border-radius:6px}.contact-side-activity .activity-icon{width:24px;height:24px;font-size:.75rem;border-radius:6px}.contact-side-activity .activity-subject{font-size:.78rem}.contact-side-activity .activity-header{margin-bottom:2px;flex-wrap:wrap;gap:4px}.contact-side-activity .activity-meta{gap:4px}.contact-side-activity .activity-time{font-size:.68rem}.contact-side-activity .activity-source{font-size:.56rem;padding:1px 4px}.contact-side-activity .activity-body{font-size:.75rem;-webkit-line-clamp:2}.contact-side-activity .activity-filters{display:none}.contact-side-activity .load-more-btn{font-size:.75rem;padding:4px 8px}.contact-main-content{flex:1;min-width:0;padding-left:24px}.contact-detail-tab-content{max-width:900px}.collapsible-section{border:1px solid var(--color-border);border-radius:8px;margin-bottom:8px;background:#fff}.collapsible-section-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.collapsible-section-header:hover{background-color:var(--color-bg-page);border-radius:8px}.collapsible-section-left{display:flex;align-items:center;gap:8px}.collapsible-section-right{display:flex;align-items:center;gap:6px}.collapsible-chevron{font-size:.6rem;color:var(--color-text-muted);width:12px}.collapsible-title{font-size:.85rem;font-weight:500;color:var(--color-text-primary)}.collapsible-count{font-size:.78rem;color:var(--color-text-muted)}.collapsible-section-body{padding:0 12px 12px}.entity-link{color:var(--color-primary);text-decoration:none;font-size:.85rem;font-weight:500}.entity-link:hover{text-decoration:underline}.section-empty{font-size:.82rem;color:var(--color-text-muted);text-align:center;padding:12px 0;margin:0}.section-sub-title{font-size:.78rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:600;margin:0 0 8px}.section-list{display:flex;flex-direction:column;gap:0}.section-list-item{padding:8px 0;border-bottom:1px solid var(--color-border)}.section-list-item:last-child{border-bottom:none}.section-list-item-header{display:flex;flex-direction:column;gap:2px}.section-list-item-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.section-list-item-sub{font-size:.8rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:4px;margin-top:2px}.section-table-scroll{overflow-x:auto}.compact-table{font-size:.8rem}.compact-table th,.compact-table td{padding:6px 8px}.custom-fields-grid{display:flex;flex-direction:column;gap:6px}.custom-field-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:4px 0}.custom-field-value{font-size:.85rem;color:var(--color-text-primary);text-align:right;word-break:break-word}.submission-expanded{margin-top:8px}.submission-data-grid{display:flex;flex-direction:column}.submission-data-row{display:flex;justify-content:space-between;align-items:flex-start;padding:4px 0;border-bottom:1px solid var(--color-border-light);font-size:.8rem}.submission-data-row:last-child{border-bottom:none}.submission-data-key{color:var(--color-text-muted);font-weight:500;min-width:80px}.submission-data-value{color:var(--color-text-primary);text-align:right;word-break:break-word}.signature-expanded{margin-top:8px;padding:8px;background:var(--color-bg-page);border-radius:8px}.communication-placeholder{display:flex;align-items:center;justify-content:center;height:200px}.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-side-panel{width:100%;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border);text-align:left;display:flex;flex-direction:column;min-height:0;flex:1}.notes-side-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-shrink:0}.notes-side-title{font-size:.8rem;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.notes-scroll-area{flex:1;overflow-y:auto;min-height:0}.notes-add-form,.notes-edit-form{margin-bottom:12px;flex-shrink:0}.notes-textarea{width:100%;padding:8px;border:1px solid var(--color-border);border-radius:6px;font-size:.8rem;font-family:inherit;resize:vertical;min-height:60px;background:var(--color-bg-page);color:var(--color-text-primary)}.notes-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 37, 99, 235),.15)}.notes-form-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:6px}.notes-empty{padding:20px 0;text-align:center;font-size:.8rem}.note-item{padding:8px 0;border-bottom:1px solid var(--color-border)}.note-item:last-child{border-bottom:none}.note-meta{display:flex;align-items:center;gap:4px;margin-bottom:4px;font-size:.72rem;color:var(--color-text-muted)}.note-date{font-weight:500}.note-separator{color:var(--color-text-muted)}.note-author{font-weight:500}.note-body{font-size:.8rem;color:var(--color-text-secondary);line-height:1.4}.note-body .markdown-content p{margin:0 0 4px}.note-body .markdown-content p:last-child{margin-bottom:0}.note-actions{display:flex;gap:8px;margin-top:4px}.btn-xs{font-size:.72rem;padding:2px 8px;border-radius:4px}.btn-danger-text{color:var(--color-error)}.btn-danger-text:hover{color:#991b1b}.notes-side-panel .load-more-btn{font-size:.72rem;padding:4px 8px;margin-top:8px;width:100%}.timeline-tab{max-width:900px}.timeline-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.timeline-chip{padding:4px 12px;border-radius:16px;font-size:.78rem;font-weight:500;border:1px solid var(--color-border);background:#fff;color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.timeline-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.timeline-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.timeline-events{display:flex;flex-direction:column}.timeline-date-group{margin-bottom:8px}.timeline-date-label{font-size:.72rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:8px 0;border-bottom:1px solid var(--color-border);margin-bottom:4px}.timeline-event{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-border-light, #f3f4f6)}.timeline-event:last-child{border-bottom:none}.timeline-event-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-page);border-radius:8px;font-size:.875rem;flex-shrink:0}.timeline-event-content{flex:1;min-width:0}.timeline-event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.timeline-event-title{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.timeline-event-time{font-size:.72rem;color:var(--color-text-muted);flex-shrink:0;margin-left:8px}.timeline-event-details{font-size:.8rem;color:var(--color-text-secondary);margin-top:2px;line-height:1.5}.timeline-event-details .entity-link{font-size:.8rem}.timeline-detail-sub{font-size:.78rem;color:var(--color-text-muted);margin-top:1px}.timeline-error{color:var(--color-error)}.timeline-actor{display:block;font-size:.72rem;color:var(--color-text-muted);margin-top:2px}.timeline-actor .entity-link{font-size:.72rem}.timeline-tab .load-more-btn{margin-top:16px;width:100%}.subscription-banner{display:flex;align-items:center;gap:10px;padding:6px 16px;font-size:13px}.subscription-banner .banner-icon{flex-shrink:0;font-size:14px}.subscription-banner .banner-text{flex:1;line-height:1.4}.subscription-banner .banner-text strong{font-weight:600}.subscription-banner-trial{background-color:#fef3c7;border-bottom:1px solid #fcd34d;color:#92400e}.subscription-banner-trial .banner-link{flex-shrink:0;color:#92400e;font-weight:500;text-decoration:none;padding:4px 10px;border-radius:4px;transition:background-color .2s}.subscription-banner-trial .banner-link:hover{background-color:#92400e1a;text-decoration:underline}.subscription-banner-past-due{background-color:var(--color-error-light, #FDE8EF);border-bottom:1px solid var(--color-error, #C80650);color:#991b1b}.subscription-banner-past-due .banner-button{flex-shrink:0;padding:4px 12px;background-color:var(--color-error, #C80650);color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s}.subscription-banner-past-due .banner-button:hover:not(:disabled){background-color:#9d0540}.subscription-banner-past-due .banner-button:disabled{opacity:.6;cursor:not-allowed}.workspace-lockout-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px}.workspace-lockout-card{background-color:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;padding:48px;max-width:480px;width:100%;text-align:center}.lockout-icon{font-size:64px;margin-bottom:24px}.lockout-title{font-size:1.75rem;font-weight:600;color:var(--color-text-primary, #0F1922);margin:0 0 12px}.lockout-subtitle{font-size:1rem;color:var(--color-text-secondary, #4F5960);margin:0 0 32px;line-height:1.5}.lockout-button{display:inline-block;padding:14px 32px;background-color:var(--color-primary, #0368EE);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;margin-bottom:24px}.lockout-button:hover:not(:disabled){background-color:var(--color-primary-hover, #023477)}.lockout-button:disabled{background-color:var(--color-text-muted, #666F75);cursor:not-allowed}.lockout-support-link{display:block;color:var(--color-text-secondary, #4F5960);font-size:.875rem;text-decoration:none;transition:color .2s ease}.lockout-support-link:hover{color:var(--color-primary, #0368EE);text-decoration:underline}.copy-email-wrapper{display:inline-flex;align-items:center;gap:2px}.copy-email-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:2px;color:var(--color-text-muted, #666F75);border-radius:4px;transition:color .15s ease;flex-shrink:0;line-height:1}.copy-email-btn:hover{color:var(--color-primary, #0368EE)}.copy-email-btn svg{width:14px;height:14px}.copy-email-btn .copy-check{color:var(--color-success, #44A608)}.trial-paywall-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px;overflow-y:auto}.trial-paywall-card{background-color:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;padding:40px 48px;max-width:820px;width:100%;text-align:center;margin:auto}.trial-paywall-logo{margin-bottom:16px}.trial-paywall-icon{font-size:48px;margin-bottom:16px}.trial-paywall-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary, #0F1922);margin:0 0 8px}.trial-paywall-subtitle{font-size:.95rem;color:var(--color-text-secondary, #4F5960);line-height:1.5;max-width:480px;margin:0 auto 24px}.trial-paywall-error{background-color:#fef2f2;color:#991b1b;border:1px solid #FECACA;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-size:.875rem}.trial-paywall-button{display:inline-block;padding:14px 40px;background-color:var(--color-primary, #0368EE);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;margin-top:24px;margin-bottom:20px}.trial-paywall-button:hover:not(:disabled){background-color:var(--color-primary-hover, #023477)}.trial-paywall-button:disabled{background-color:var(--color-text-muted, #666F75);cursor:not-allowed}.trial-paywall-support-link{display:block;color:var(--color-text-secondary, #4F5960);font-size:.875rem;margin:0}.trial-paywall-support-link a{color:var(--color-primary, #0368EE);text-decoration:none;transition:color .2s ease}.trial-paywall-support-link a:hover{text-decoration:underline}.trial-paywall-copy-only{font-size:0;line-height:0;vertical-align:middle}.trial-paywall-copy-only .copy-email-btn{flex-shrink:0}.trial-paywall-card .plan-card.disabled{opacity:.5;cursor:not-allowed;border-color:var(--color-border, #E2E8F0)}.trial-paywall-card .plan-card.disabled:hover{border-color:var(--color-border, #E2E8F0);box-shadow:none}.plan-card-blockers{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border, #E2E8F0)}.plan-card-blocker{font-size:.7rem;color:#dc2626;margin:2px 0;line-height:1.3}@media(max-width:768px){.trial-paywall-card{padding:24px;max-width:100%}}.user-avatar-dropdown{position:relative}.user-avatar-trigger{display:flex;align-items:center;gap:4px;background:none;border:1px solid var(--color-border);border-radius:20px;padding:3px 8px 3px 3px;cursor:pointer;transition:all .2s ease}.user-avatar-trigger:hover,.user-avatar-trigger.open{background-color:var(--color-bg-page)}.user-avatar-circle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:var(--color-primary);color:#fff;font-size:.8125rem;font-weight:600;flex-shrink:0}.user-avatar-chevron{width:14px;height:14px;color:var(--color-text-muted);transition:transform .2s ease}.user-avatar-chevron.open{transform:rotate(180deg)}.user-avatar-menu{position:absolute;top:calc(100% + 6px);right:0;background-color:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 20px #0000001a;min-width:220px;z-index:200;animation:avatarMenuIn .15s ease-out}@keyframes avatarMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-avatar-email{padding:10px 14px;font-size:.8125rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:4px;max-width:100%}.user-avatar-email-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.user-avatar-copy-only{font-size:0;line-height:0;gap:0}.user-avatar-copy-only .copy-email-btn{flex-shrink:0}.user-avatar-divider{height:1px;background-color:var(--color-border)}.user-avatar-plan-section{padding:10px 14px}.user-avatar-plan-name{font-size:.8125rem;font-weight:600;color:var(--color-text-primary)}.user-avatar-trial{font-size:.75rem;color:var(--color-text-muted);margin-top:2px}.user-avatar-trial-urgent{color:#92400e}.user-avatar-manage-link{display:inline-block;font-size:.75rem;color:var(--color-primary);text-decoration:none;margin-top:4px}.user-avatar-manage-link:hover{text-decoration:underline}.user-avatar-logout-btn{display:block;width:100%;padding:10px 14px;background:none;border:none;text-align:left;font-size:.875rem;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;border-radius:0 0 8px 8px}.user-avatar-logout-btn:hover{background-color:var(--color-error-light);color:var(--color-error)}.user-avatar-confirm{padding:10px 14px}.user-avatar-confirm-text{display:block;font-size:.8125rem;color:var(--color-text-secondary);margin-bottom:8px}.user-avatar-confirm-actions{display:flex;gap:8px}.user-avatar-cancel-btn{flex:1;padding:6px 12px;background:none;border:1px solid var(--color-border);border-radius:6px;font-size:.8125rem;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.user-avatar-cancel-btn:hover{background-color:var(--color-bg-page)}.user-avatar-logout-confirm-btn{flex:1;padding:6px 12px;background-color:var(--color-error);border:1px solid var(--color-error);border-radius:6px;font-size:.8125rem;color:#fff;cursor:pointer;transition:all .15s ease}.user-avatar-logout-confirm-btn:hover{background-color:#a00540}.help-popover-wrapper{position:relative}.help-popover-trigger{background:none;border:1px solid var(--color-border);border-radius:6px;padding:6px 14px;font-size:.875rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.help-popover-trigger:hover,.help-popover-trigger.open{background-color:var(--color-bg-page);color:var(--color-text-primary)}.help-popover{position:absolute;top:calc(100% + 6px);right:0;background-color:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 20px #0000001a;padding:16px;min-width:260px;z-index:200;animation:helpPopoverIn .15s ease-out}@keyframes helpPopoverIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.help-popover-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:12px}.help-popover-email-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.help-popover-email-icon{font-size:1rem;flex-shrink:0}.help-popover-note{font-size:.75rem;color:var(--color-text-muted)}.rts-panel-steps{padding:12px 16px;display:flex;flex-direction:column;gap:12px}.rts-panel-step{display:flex;gap:10px}.rts-panel-step-icon{font-size:.875rem;flex-shrink:0;margin-top:1px}.rts-panel-step-content{display:flex;flex-direction:column;gap:2px}.rts-panel-step-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.rts-panel-step-desc{font-size:.75rem;color:var(--color-text-muted);line-height:1.4}.rts-panel-step-action{background:none;border:none;padding:0;font-size:.8125rem;color:var(--color-primary);cursor:pointer;text-align:left;margin-top:2px}.rts-panel-step-action:hover{text-decoration:underline}.rts-panel-launch{padding:14px 16px}.rts-panel-back{background:none;border:none;padding:0;font-size:.8125rem;color:var(--color-text-muted);cursor:pointer;margin-bottom:10px}.rts-panel-back:hover{color:var(--color-text-primary)}.rts-launch-title{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin-bottom:14px}.rts-launch-loading{font-size:.8125rem;color:var(--color-text-muted);padding:12px 0}.rts-launch-empty{padding:8px 0}.rts-launch-empty p{font-size:.8125rem;color:var(--color-text-secondary);margin:0 0 6px;line-height:1.4}.rts-launch-empty-action{background:none;border:none;padding:0;font-size:.8125rem;color:var(--color-primary);cursor:pointer;margin-top:4px}.rts-launch-empty-action:hover{text-decoration:underline}.rts-launch-form{display:flex;flex-direction:column;gap:14px}.rts-launch-field{display:flex;flex-direction:column;gap:4px;transition:opacity .2s ease}.rts-launch-label{display:flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:500;color:var(--color-text-primary)}.rts-launch-offer-card{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-bg-page)}.rts-launch-offer-name{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.rts-launch-offer-price{font-size:.8125rem;color:var(--color-text-secondary)}.rts-launch-select{width:100%;padding:7px 10px;border:1px solid var(--color-border);border-radius:6px;font-size:.8125rem;color:var(--color-text-primary);background-color:#fff;cursor:pointer}.rts-launch-select:disabled{background-color:var(--color-bg-page);color:var(--color-text-muted);cursor:not-allowed}.rts-launch-warning{font-size:.75rem;color:#92400e;background-color:#fef3c7;padding:8px 10px;border-radius:6px;line-height:1.4}.rts-launch-method-options{display:flex;gap:8px}.rts-launch-method-btn{flex:1;display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid var(--color-border);border-radius:8px;background:#fff;cursor:pointer;text-align:left;transition:all .15s ease}.rts-launch-method-btn:hover:not(:disabled){border-color:var(--color-primary)}.rts-launch-method-btn:disabled{opacity:.45;cursor:not-allowed}.rts-launch-method-selected{border-color:var(--color-primary);background-color:var(--color-primary-light)}.rts-launch-method-radio{font-size:.75rem;color:var(--color-primary);flex-shrink:0;margin-top:2px}.rts-launch-method-text{display:flex;flex-direction:column;gap:2px}.rts-launch-method-text strong{font-size:.8125rem;color:var(--color-text-primary)}.rts-launch-method-text span{font-size:.6875rem;color:var(--color-text-muted);line-height:1.3}.rts-launch-link-preview{padding:8px 10px;border:1px solid var(--color-border);border-radius:6px;font-size:.75rem;color:var(--color-text-secondary);background-color:var(--color-bg-page);word-break:break-all;font-family:monospace}.rts-launch-direct-msg{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.4;padding:8px 0}.rts-launch-action-btn{width:100%;padding:10px;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease;margin-top:4px}.rts-launch-action-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.rts-launch-action-btn:disabled{opacity:.45;cursor:not-allowed}.rts-panel-celebration{text-align:center;padding:30px 24px}.rts-celebration-emoji{font-size:2.5rem;margin-bottom:12px}.rts-celebration-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.rts-celebration-desc{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:20px}.rts-celebration-close{padding:8px 24px;background:none;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.rts-celebration-close:hover{background-color:var(--color-bg-page)}.rts-guide{position:fixed;bottom:24px;right:24px;width:380px;background-color:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 30px #0000001f;z-index:300;animation:rtsGuideIn .2s ease-out}@keyframes rtsGuideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rts-guide-expanded{width:460px;min-height:420px;max-height:80vh;overflow-y:auto}.rts-guide-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:14px 14px 0}.rts-guide-headline{font-size:.8125rem;font-weight:600;color:var(--color-text-primary);line-height:1.4}.rts-guide-actions{display:flex;gap:4px;flex-shrink:0}.rts-guide-icon-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:none;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.rts-guide-icon-btn:hover{background-color:var(--color-bg-page);color:var(--color-text-primary)}.rts-guide-progress{height:4px;background-color:var(--color-border);border-radius:2px;margin:10px 14px 0;overflow:hidden}.rts-guide-progress-fill{height:100%;background-color:#e5560a;border-radius:2px;transition:width .5s ease}.rts-guide-next{padding:8px 14px 14px;font-size:.8125rem;color:var(--color-text-muted)}.rts-guide-next-link{background:none;border:none;padding:0;font-size:.8125rem;color:var(--color-primary);cursor:pointer;font-weight:500}.rts-guide-next-link:hover{text-decoration:underline}.rts-guide-count{padding:8px 14px 0;font-size:.75rem;color:var(--color-text-muted)}.rts-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background-color:#e5560a;color:#fff;font-size:.8125rem;font-weight:500;border:none;border-radius:20px;cursor:pointer;white-space:nowrap;transition:background-color .15s ease}.rts-pill:hover{background-color:#cc4c09}.rts-pill-text{line-height:1}.rts-circular-progress{flex-shrink:0}.tour-panel{position:fixed;bottom:24px;right:24px;width:380px;max-height:80vh;background-color:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 30px #0000001f;z-index:300;animation:tourPanelIn .2s ease-out;display:flex;flex-direction:column}@keyframes tourPanelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tour-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 0}.tour-panel-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.tour-panel-close{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:none;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.tour-panel-close:hover{background-color:var(--color-bg-page);color:var(--color-text-primary)}.tour-panel-progress{height:4px;background-color:var(--color-border);border-radius:2px;margin:10px 14px 0;overflow:hidden}.tour-panel-progress-fill{height:100%;background-color:#00bcb7;border-radius:2px;transition:width .5s ease}.tour-panel-count{padding:8px 14px 0;font-size:.75rem;color:var(--color-text-muted)}.tour-panel-action-row{padding:10px 14px}.tour-panel-action-btn{width:100%;padding:8px 16px;font-size:.8125rem;font-weight:600;color:#fff;background-color:#00bcb7;border:none;border-radius:8px;cursor:pointer;transition:background-color .15s ease}.tour-panel-action-btn:hover{background-color:#00a8a3}.tour-panel-steps{flex:1;overflow-y:auto;padding:0 8px 8px;display:flex;flex-direction:column;gap:1px}.tour-panel-step{display:flex;align-items:center;gap:8px;padding:6px 8px;border:none;background:none;border-radius:6px;cursor:pointer;text-align:left;transition:background-color .15s ease;width:100%}.tour-panel-step:hover{background-color:var(--color-bg-page)}.tour-panel-step-check{width:18px;text-align:center;font-size:.75rem;flex-shrink:0}.tour-panel-step-seen .tour-panel-step-check{color:#00bcb7;font-weight:700}.tour-panel-step:not(.tour-panel-step-seen) .tour-panel-step-check{color:var(--color-text-muted)}.tour-panel-step-icon{font-size:.875rem;flex-shrink:0}.tour-panel-step-label{font-size:.8125rem;color:var(--color-text-primary)}.tour-panel-step-seen .tour-panel-step-label{color:var(--color-text-muted)}.tour-spotlight{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000}.tour-spotlight-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto}.tour-spotlight-ring{position:fixed;border-radius:6px;box-shadow:0 0 0 3px #00bcb7,0 0 20px #00bcb766;pointer-events:none;transition:all .3s ease}.tour-spotlight-popover{position:fixed;transform:translateY(-50%);width:400px;background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 30px #0000002e;padding:16px;animation:tourPopoverIn .2s ease-out;z-index:1001}@keyframes tourPopoverIn{0%{opacity:0;transform:translateY(-50%) translate(8px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.tour-popover-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.tour-popover-icon{font-size:1.25rem}.tour-popover-name{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.tour-popover-desc{font-size:.8125rem;line-height:1.55;color:var(--color-text-secondary);margin:0 0 12px}.tour-popover-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.tour-popover-counter{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap}.tour-popover-actions{display:flex;align-items:center;gap:8px}.tour-popover-end{padding:6px 14px;font-size:.8125rem;font-weight:500;background:#fff;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.tour-popover-end:hover{background-color:var(--color-bg-page);color:var(--color-text-primary)}.tour-popover-back{padding:6px 14px;font-size:.8125rem;font-weight:500;background:#fff;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.tour-popover-back:hover:not(:disabled){background-color:var(--color-bg-page);color:var(--color-text-primary)}.tour-popover-back:disabled{opacity:.4;cursor:not-allowed}.tour-popover-next{padding:6px 14px;font-size:.8125rem;font-weight:600;background-color:#00bcb7;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:background-color .15s ease}.tour-popover-next:hover{background-color:#00a8a3}.tour-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background-color:#00bcb7;color:#fff;font-size:.8125rem;font-weight:500;border:none;border-radius:20px;cursor:pointer;white-space:nowrap;transition:background-color .15s ease}.tour-pill:hover{background-color:#00a8a3}.tour-pill-orange{background-color:#e5560a}.tour-pill-orange:hover{background-color:#cc4c09}.tour-pill-text{line-height:1}.tour-circular-progress{flex-shrink:0}.admin-layout{display:flex;min-height:100vh;background-color:var(--color-bg-page)}.admin-sidebar{width:240px;background-color:var(--color-sidebar-bg);color:var(--color-text-primary);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;border-right:1px solid var(--color-border)}.sidebar-header{padding:20px;border-bottom:1px solid var(--color-border)}.logo{margin:0;line-height:0}.workspace-name{font-size:.875rem;color:var(--color-text-secondary);margin-top:4px}.sidebar-nav{flex:1;padding:8px;display:flex;flex-direction:column;gap:1px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;padding:4px 12px;border-radius:6px;color:var(--color-text-secondary);text-decoration:none;transition:all .2s ease}.nav-item:hover{background-color:#0000000d;color:var(--color-text-primary)}.nav-item.active{background-color:var(--color-primary);color:#fff}.nav-icon{font-size:1rem}.nav-label{font-size:.875rem;overflow:hidden;white-space:nowrap;transition:opacity .15s ease,width .2s ease}.nav-category{font-size:.6875rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:8px 12px 3px;margin-top:8px;border-top:1px solid var(--color-border)}.nav-category-wrapper{position:relative}.nav-category-collapsed{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:6px 12px;margin:1px 0;background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;transition:all .2s ease}.nav-category-collapsed:hover,.nav-category-collapsed.open{background-color:#0000000d;color:var(--color-text-primary)}.nav-category-collapsed.has-active{color:var(--color-primary)}.nav-category-collapsed.has-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background-color:var(--color-primary);border-radius:0 2px 2px 0}.nav-category-label{flex:1;text-align:left}.nav-category-arrow{font-size:.625rem;opacity:.7}.nav-flyout{position:fixed;background-color:#fff;border:1px solid var(--color-border);border-radius:8px;padding:6px;min-width:200px;overflow-y:auto;box-shadow:0 4px 20px #0000001a;z-index:200;animation:flyoutIn .15s ease-out}@keyframes flyoutIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.nav-flyout .nav-item{margin:2px 0}.admin-main{flex:1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background-color:#fff;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50}.header-left{flex:1;display:flex;align-items:center;gap:8px}.header-right{display:flex;align-items:center;gap:16px}.docs-link{color:#4f5960;text-decoration:none;font-size:.875rem;display:flex;align-items:center;gap:2px}.docs-link:hover{color:#1a1a1a}.external-arrow{font-size:.75rem}.admin-content{flex:1;padding:24px}.nav-category-icon{flex-shrink:0}.sidebar-toggle{display:flex;align-items:center;justify-content:center;padding:10px;border:none;border-top:1px solid var(--color-border);background:none;color:var(--color-text-muted);font-size:1rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.sidebar-toggle:hover{background-color:#0000000d;color:var(--color-text-primary)}.sidebar-footer{padding:4px 8px;border-top:1px solid var(--color-border);flex-shrink:0}.admin-sidebar.sidebar-collapsed{width:64px}.sidebar-collapsed .sidebar-header{padding:16px 8px;text-align:center}.sidebar-collapsed .logo{display:flex;justify-content:center}.sidebar-collapsed .workspace-name{display:none}.sidebar-collapsed .nav-label{opacity:0;width:0;flex-shrink:0}.sidebar-collapsed .nav-item{justify-content:center;padding:6px}.admin-main.main-collapsed{margin-left:64px}.sidebar-collapsed .nav-category{font-size:0;padding:0;margin-top:8px;border-top:1px solid var(--color-border);height:0;overflow:hidden}.sidebar-collapsed .nav-category-collapsed{justify-content:center;padding:6px}.sidebar-collapsed .nav-category-label,.sidebar-collapsed .nav-category-arrow{opacity:0;width:0;overflow:hidden}.sidebar-collapsed .nav-flyout{left:72px!important}.sidebar-collapsed .sidebar-footer .nav-label{opacity:0;width:0;flex-shrink:0}.sidebar-collapsed .sidebar-footer .nav-item{justify-content:center;padding:6px}.admin-sidebar{transition:width .2s ease}.admin-main{transition:margin-left .2s ease}@media(max-width:768px){.nav-flyout{left:72px!important}}.settings-tabs{display:flex;gap:4px;flex-wrap:wrap;padding-bottom:16px;margin-bottom:24px;border-bottom:1px solid var(--color-border)}.settings-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:.875rem;color:var(--color-text-secondary);text-decoration:none;transition:all .2s ease}.settings-tab:hover{background-color:#0000000d;color:var(--color-text-primary)}.settings-tab.active{background-color:var(--color-primary);color:#fff}.settings-tab-icon{font-size:1rem}.settings-tab-label{font-size:.875rem}.settings-content{flex:1}.export-dropdown{position:relative}.export-dropdown-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);border-radius:6px;background:#fff;color:var(--color-text-secondary);cursor:pointer;transition:border-color .15s ease,color .15s ease}.export-dropdown-trigger:hover{border-color:var(--color-primary);color:var(--color-primary)}.export-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;width:260px;background:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #0000001f;z-index:100;overflow:hidden}.export-dropdown-header{padding:10px 14px;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.export-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:none;cursor:pointer;text-align:left;font-size:.875rem;color:var(--color-text-primary);transition:background-color .1s ease}.export-dropdown-item:hover{background-color:var(--color-bg-page)}.export-dropdown-item-icon{width:20px;text-align:center;flex-shrink:0}.export-dropdown-item-label{flex:1;font-weight:500}.export-dropdown-item-size{font-size:.75rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.export-dropdown-footer{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--color-border);background-color:var(--color-bg-page)}.export-dropdown-format-label{font-size:.8125rem;color:var(--color-text-secondary);font-weight:500}.export-dropdown-format-select{flex:1;padding:4px 8px;border:1px solid var(--color-border);border-radius:4px;font-size:.8125rem;color:var(--color-text-primary);background:#fff;cursor:pointer}.export-dropdown-format-select:focus{outline:none;border-color:var(--color-primary)}.area-chart-card{position:relative;background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.area-chart-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.area-chart-card-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.area-chart-card-controls{display:flex;align-items:center;gap:8px}.area-chart-range-wrapper{position:relative}.area-chart-range-trigger{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--color-border);border-radius:6px;background:#fff;font-size:.8125rem;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:border-color .15s ease}.area-chart-range-trigger:hover{border-color:var(--color-primary)}.area-chart-range-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:120px;background:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #0000001f;z-index:100;overflow:hidden}.area-chart-range-option{display:block;width:100%;padding:8px 14px;border:none;background:none;font-size:.8125rem;color:var(--color-text-primary);cursor:pointer;text-align:left;transition:background-color .1s ease}.area-chart-range-option:hover{background-color:var(--color-bg-page)}.area-chart-range-option.active{color:var(--color-primary);font-weight:600}.area-chart-card-body{min-height:260px}.area-chart-loading,.area-chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:260px;color:var(--color-text-muted);font-size:.875rem;gap:12px}.area-chart-card-legend{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;font-size:.8125rem;color:var(--color-text-secondary)}.area-chart-legend-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-primary)}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}@media(max-width:900px){.charts-grid{grid-template-columns:1fr}}.admin-page{max-width:1200px}.page-header-text{display:flex;flex-direction:column;gap:4px}.page-title{font-size:1.75rem;font-weight:600;color:var(--color-text-primary);margin:0}.page-subtitle{margin:8px 0 0;font-size:.875rem;color:var(--color-text-secondary);font-weight:400;line-height:1.5}.page-subtitle a{color:var(--color-primary);text-decoration:none}.page-subtitle a:hover{text-decoration:underline}.welcome-card{background-color:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease}.welcome-card:hover{box-shadow:0 4px 12px #0000001a}.welcome-card h2{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 12px}.welcome-card p{color:#4b5563;margin:0 0 8px;line-height:1.6}.welcome-card p.muted{color:var(--color-text-muted);font-size:.875rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{background-color:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{font-size:2rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-page);border-radius:12px}.stat-content{flex:1}.stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.stat-label{font-size:.875rem;color:var(--color-text-secondary)}.placeholder-page{background-color:#fff;border-radius:12px;padding:48px;text-align:center;box-shadow:0 1px 3px #0000001a}.placeholder-icon{font-size:4rem;margin-bottom:16px}.placeholder-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.placeholder-description{color:var(--color-text-secondary);margin:0}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding:24px 0}.settings-card{display:block;padding:24px;background:#fff;border:1px solid var(--color-border);border-radius:12px;text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.settings-card:hover{transform:translateY(-2px);border-color:var(--color-primary);box-shadow:0 4px 12px #0368ee1a}.settings-card-icon{font-size:2rem;margin-bottom:12px}.settings-card-title{margin:0 0 8px;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.settings-card-description{margin:0;color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.page-container{max-width:1200px}.page-header-with-actions{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.page-header-content{flex:1;display:flex;flex-direction:column;gap:4px}.page-header-content h1{font-size:1.75rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.page-description{color:var(--color-text-secondary);font-size:.875rem;margin:0}.page-header-actions{display:flex;gap:12px;align-items:center}.page-content{display:flex;flex-direction:column;gap:24px}.settings-section{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.settings-section h2{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0;padding:16px 20px;border-bottom:1px solid var(--color-border);background-color:var(--color-bg-page)}.settings-section .table-container{box-shadow:none;border-radius:0}.member-email{font-weight:500;color:var(--color-text-primary)}.you-badge{color:var(--color-primary);font-size:.75rem;font-weight:500}.expiry-text{font-size:.875rem;color:var(--color-text-secondary)}.action-buttons{display:flex;gap:8px}.status-badge.status-owner{background-color:#d1fae5;color:var(--color-success)}.status-badge.status-admin{background-color:#dbeafe;color:#1d4ed8}.loading-message{padding:24px;text-align:center;color:var(--color-text-secondary);font-size:.875rem}.empty-message{text-align:center;color:var(--color-text-muted);font-size:.875rem;padding:24px!important}.text-muted{color:var(--color-text-muted)}@media(max-width:768px){.page-header-with-actions{flex-direction:column;align-items:stretch}.page-header-actions{width:100%}.page-header-actions .btn-primary{width:100%;justify-content:center}.settings-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}}.subscription-page{max-width:900px}.checkout-message{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;margin-bottom:24px;font-size:.9375rem}.checkout-message-success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.checkout-message-info{background-color:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.subscription-section{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;overflow:hidden}.subscription-section-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0;padding:16px 20px;border-bottom:1px solid var(--color-border);background-color:var(--color-bg-page)}.subscription-section-content{padding:20px}.subscription-divider{border:none;border-top:1px solid var(--color-border);margin:1.5rem 0}.subscription-subheading{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.plan-status-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.plan-info{display:flex;align-items:center;gap:12px}.current-plan-name{font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.subscription-status-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.subscription-status-badge.status-trialing{background-color:#fef3c7;color:#92400e}.subscription-status-badge.status-active{background-color:#d1fae5;color:var(--color-success)}.subscription-status-badge.status-past-due{background-color:var(--color-error-light);color:var(--color-error)}.subscription-status-badge.status-canceled{background-color:#fef3c7;color:#92400e}.subscription-status-badge.status-expired{background-color:var(--color-bg-page);color:var(--color-text-secondary)}.subscription-status-badge.status-trial-expired{background-color:#fef3c7;color:#92400e}.plan-details{padding-top:4px}.plan-detail-text{display:flex;align-items:center;gap:8px;margin:0;font-size:.875rem;color:var(--color-text-secondary)}.plan-detail-text .detail-icon{font-size:1rem}.plan-detail-warning{color:var(--color-error)}.usage-meters{display:flex;flex-direction:column;gap:20px}.usage-meter{display:flex;flex-direction:column;gap:8px}.usage-meter-header{display:flex;justify-content:space-between;align-items:center}.usage-meter-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.usage-meter-value{font-size:.875rem;color:var(--color-text-secondary)}.usage-progress{height:8px;background-color:var(--color-border);border-radius:4px;overflow:hidden}.usage-progress-fill{height:100%;background-color:var(--color-primary);border-radius:4px;transition:width .3s ease}.plan-cards-compare{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.plan-card-info{border:2px solid var(--color-border);border-radius:12px;padding:20px;text-align:center;position:relative;cursor:default}.plan-card-info.current{border-color:var(--color-primary);background-color:#f5f3ff}.plan-card-info.popular{border-color:var(--color-primary-light)}.plan-card-info.current.popular{border-color:var(--color-primary)}.plan-current-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background-color:var(--color-primary);color:#fff;font-size:.625rem;font-weight:600;padding:4px 12px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.subscription-section.danger-zone{border:1px solid #fca5a5}.subscription-section.danger-zone .subscription-section-title{background-color:var(--color-error-light);color:#991b1b;border-bottom-color:#fca5a5}.danger-zone-content{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.danger-zone-info h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.danger-zone-info p{font-size:.875rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.btn-danger{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--color-error);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease;flex-shrink:0}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-danger:disabled{background-color:#f87171;cursor:not-allowed}.subscription-section .billing-toggle-container{display:flex;justify-content:center;gap:12px}.subscription-section .billing-toggle-btn{padding:12px 24px;border:2px solid var(--color-border);border-radius:8px;background-color:#fff;font-size:1rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.subscription-section .billing-toggle-btn:hover{border-color:var(--color-primary-light)}.subscription-section .billing-toggle-btn.active{border-color:var(--color-primary);background-color:#f5f3ff;color:var(--color-primary)}.subscription-section .billing-toggle-btn .save-badge{background-color:var(--color-success-light);color:#166534;font-size:.75rem;font-weight:500;padding:2px 8px;border-radius:4px;margin-left:8px}.subscription-section .plan-card-name{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:8px 0;text-transform:uppercase}.subscription-section .plan-card-price{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin:0}.subscription-section .plan-card-billing{font-size:.75rem;color:var(--color-text-muted);margin:4px 0 0}.subscription-section .plan-card-divider{height:1px;background-color:var(--color-border);margin:16px 0}.subscription-section .plan-card-features{font-size:.875rem;color:var(--color-text-secondary);margin:0;line-height:1.6}.trial-notice-box{background-color:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem}.trial-notice-box p{margin:0;color:#92400e}.trial-notice-box p+p{margin-top:.5rem}.early-payment-cta{background-color:#f0f9ff;border:1px solid #BAE6FD;border-radius:8px;padding:1.25rem 1.5rem;margin-top:16px;margin-bottom:8px}.early-payment-heading{font-weight:600;font-size:.95rem;color:var(--color-text-primary);margin:0 0 8px;display:flex;align-items:center;gap:6px}.early-payment-text{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 16px;line-height:1.5}.early-payment-note{font-size:.8rem;color:var(--color-text-muted);margin:12px 0 0}.link-button{background:none;border:none;color:#b45309;text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;font-weight:600}.link-button:hover{color:#92400e}.link-button:disabled{opacity:.6;cursor:not-allowed}.btn-large{padding:.875rem 2rem;font-size:1rem}.features-showcase{background-color:var(--color-bg-page);border-radius:8px;padding:20px;margin-top:1.5rem}.features-showcase-title{font-weight:600;color:var(--color-text-primary);margin:0 0 12px;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 24px}.feature-item{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--color-text-secondary)}.feature-check{color:var(--color-success);font-weight:600}.manage-billing-container{display:flex;flex-direction:column;align-items:center;margin-top:1.5rem}.downgrade-info-notice{margin-top:.75rem;font-size:.8125rem;color:var(--color-text-secondary);text-align:center}.internal-account-notice{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;max-width:500px}.internal-account-icon{font-size:1.5rem;flex-shrink:0}.internal-account-text{display:flex;flex-direction:column;gap:.25rem}.internal-account-text strong{font-size:.9375rem;color:#0369a1}.internal-account-text p{font-size:.875rem;color:#0c4a6e;margin:0;line-height:1.5}@media(max-width:768px){.plan-status-row{flex-direction:column;align-items:flex-start}.plan-cards-compare{grid-template-columns:repeat(2,1fr)}.danger-zone-content{flex-direction:column}.btn-danger,.manage-billing-container .btn-large{width:100%;justify-content:center}}@media(max-width:480px){.plan-cards-compare{grid-template-columns:1fr}}.audit-logs-page{max-width:1200px}.audit-logs-layout{display:flex;gap:0}.audit-logs-layout.with-drawer .audit-logs-table-container{flex:1;min-width:0}.audit-logs-table-container{flex:1}.audit-logs-table{width:100%;border-collapse:collapse;font-size:.875rem}.audit-logs-table th{text-align:left;padding:12px 16px;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.audit-logs-table td{padding:12px 16px;border-bottom:1px solid var(--color-border-light, #f3f4f6);color:var(--color-text-secondary)}.audit-log-row{cursor:pointer;transition:background .1s}.audit-log-row:hover,.audit-log-row.selected{background:var(--color-bg-page)}.audit-timestamp{white-space:nowrap;color:var(--color-text-muted);font-size:.8rem}.audit-action-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.72rem;font-weight:600;color:#fff}.audit-source{font-size:.78rem;color:var(--color-text-muted)}.audit-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--color-border)}.audit-pagination-info{font-size:.8rem;color:var(--color-text-muted)}.audit-pagination-controls{display:flex;gap:8px;align-items:center}.audit-pagination-page{font-size:.8rem;color:var(--color-text-secondary)}.audit-drawer{width:360px;flex-shrink:0;border-left:1px solid var(--color-border);background:#fff;overflow-y:auto}.audit-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--color-border)}.audit-drawer-header h3{font-size:.875rem;font-weight:600;margin:0}.audit-drawer-content{padding:16px}.audit-drawer-section{margin-bottom:16px}.audit-drawer-title{font-size:.95rem;font-weight:600;margin-bottom:4px}.audit-drawer-meta{font-size:.78rem;color:var(--color-text-muted)}.audit-drawer-label{font-size:.72rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.audit-entity-id{font-size:.75rem;font-family:monospace;color:var(--color-text-muted);word-break:break-all}.audit-changes{display:flex;flex-direction:column;gap:12px}.audit-change-field{border:1px solid var(--color-border);border-radius:6px;padding:8px 12px;font-size:.8rem}.audit-change-label{font-weight:600;font-size:.78rem;color:var(--color-text-primary);margin-bottom:4px}.audit-change-old{color:#dc2626;font-family:monospace;font-size:.78rem}.audit-change-new{color:#16a34a;font-family:monospace;font-size:.78rem}.modal.modal-wide{max-width:640px}.scope-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.scope-groups-container{border:1px solid var(--color-border);border-radius:8px;padding:12px;max-height:400px;overflow-y:auto;overflow-x:hidden}.scope-group{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--color-border)}.scope-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.scope-group-label{font-weight:600;font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.scope-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.scope-resource-name{font-size:.875rem;min-width:0}.scope-actions{display:flex;gap:12px;flex-shrink:0}.scope-groups-container .scope-checkbox,.scope-header .scope-checkbox{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;cursor:pointer;white-space:nowrap}.scope-groups-container .scope-checkbox input[type=checkbox],.scope-header .scope-checkbox input[type=checkbox]{width:auto;margin:0;cursor:pointer}.key-reveal-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;padding:12px 16px;font-size:.875rem;color:#92400e;margin-bottom:16px}.key-reveal-code{background:#1e293b;border-radius:6px;padding:16px;margin-bottom:16px;overflow-x:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.key-copy-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .15s ease}.key-copy-btn:hover{background-color:#ffffff1a}.key-reveal-code code{font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.875rem;color:#e2e8f0;word-break:break-all}.key-prefix-tooltip-wrapper{position:relative;cursor:default}.key-prefix-tooltip{display:none;position:absolute;bottom:calc(100% + 6px);left:0;background-color:#1e293b;color:#e2e8f0;font-size:.75rem;font-family:inherit;line-height:1.4;padding:6px 10px;border-radius:6px;white-space:nowrap;z-index:10;pointer-events:none}.key-prefix-tooltip-wrapper:hover .key-prefix-tooltip{display:block}.view-scopes-meta{display:flex;gap:16px;align-items:center;font-size:.8125rem;color:var(--color-text-secondary);margin-bottom:12px}.scope-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.78rem;font-weight:500;background-color:#dcfce7;color:#166534}.status-badge.status-active{background:#dcfce7;color:#166534}.status-badge.status-revoked{background:#fee2e2;color:#991b1b}.status-badge.status-expired{background:#f3f4f6;color:#6b7280}.markdown-content{line-height:1.75;color:var(--color-text-secondary);word-wrap:break-word;overflow-wrap:break-word}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:var(--color-text-primary);margin:1em 0 .5em;line-height:1.3}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child{margin-top:0}.markdown-content h1{font-size:1.375rem;font-weight:700}.markdown-content h2{font-size:1.125rem;font-weight:600}.markdown-content h3{font-size:1rem;font-weight:600}.markdown-content p{margin:0 0 .75em}.markdown-content p:last-child{margin-bottom:0}.markdown-content strong{font-weight:600;color:var(--color-text-primary)}.markdown-content em{font-style:italic}.markdown-content a{color:var(--color-primary);text-decoration:underline}.markdown-content a:hover{opacity:.8}.markdown-content code{background-color:var(--color-bg-secondary);padding:.15em .4em;border-radius:4px;font-size:.875em;font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace}.markdown-content pre{background-color:var(--color-bg-secondary);padding:12px 16px;border-radius:8px;overflow-x:auto;margin:.75em 0;max-width:100%}.markdown-content pre code{background:none;padding:0;border-radius:0;font-size:.8125rem}.markdown-content ul,.markdown-content ol{margin:.5em 0;padding-left:1.5em}.markdown-content li{margin:.25em 0}.markdown-content blockquote{border-left:3px solid var(--color-border);margin:.75em 0;padding:.25em 0 .25em 1em;color:var(--color-text-muted)}.markdown-content blockquote p:last-child{margin-bottom:0}.markdown-content hr{border:none;border-top:1px solid var(--color-border);margin:1em 0}.markdown-content table{width:100%;border-collapse:collapse;margin:.75em 0;font-size:.875em}.markdown-content th,.markdown-content td{border:1px solid var(--color-border, #e5e7eb);padding:8px 12px;text-align:left}.markdown-content th{background:var(--color-bg-secondary, #f9fafb);font-weight:600;color:var(--color-text-primary)}.markdown-content tr:hover td{background:var(--color-bg-page, #f9fafb)}.markdown-content.compact{font-size:.875rem;line-height:1.6}.markdown-content.compact h1{font-size:1.125rem}.markdown-content.compact h2{font-size:1rem}.markdown-content.compact h3{font-size:.875rem}.markdown-content.compact p{margin:0 0 .5em}.markdown-content.compact pre{padding:8px 12px}.markdown-content.compact ul,.markdown-content.compact ol{margin:.25em 0}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0;-webkit-user-select:none;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-initials{color:#fff;font-weight:600;line-height:1;text-transform:uppercase}.commerce-page{max-width:1400px}.type-badge,.status-badge,.billing-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:capitalize}.type-badge.course{background-color:#dbeafe;color:#1d4ed8}.type-badge.community{background-color:#ede9fe;color:var(--color-accent)}.type-badge.download{background-color:#d1fae5;color:var(--color-success)}.type-badge.coaching{background-color:#fef3c7;color:#d97706}.type-badge.page{background-color:#d1fae5;color:var(--color-success)}.type-badge.feed{background-color:#fce7f3;color:#db2777}.type-badge.purpose-sales{background-color:#dbeafe;color:#1d4ed8}.type-badge.purpose-delivery{background-color:#fef3c7;color:#d97706}.type-badge.purpose-general{background-color:#f3f4f6;color:#4b5563}.status-badge.draft{background-color:var(--color-bg-page);color:var(--color-text-secondary)}.status-badge.active{background-color:#d1fae5;color:var(--color-success)}.status-badge.archived,.status-badge.revoked{background-color:var(--color-error-light);color:var(--color-error)}.status-badge.expired{background-color:var(--color-bg-page);color:var(--color-text-secondary)}.status-badge.paused{background-color:#fef3c7;color:#d97706}.status-badge.completed{background-color:#d1fae5;color:#16a34a}.status-badge.in-progress{background-color:#dbeafe;color:#2563eb}.status-badge.not-started{background-color:var(--color-bg-page);color:var(--color-text-secondary)}.status-badge.no-onboarding{color:var(--color-text-muted);background:none;padding:0}.label-with-link{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.label-with-link label{margin-bottom:0;font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.billing-badge.one_time,.billing-badge.one-time{background-color:var(--color-bg-page);color:var(--color-text-secondary)}.billing-badge.subscription{background-color:#dbeafe;color:#1d4ed8}.commerce-table{width:100%;border-collapse:collapse}.commerce-table th{text-align:left;padding:12px 16px;background-color:var(--color-bg-page);font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.commerce-table td{padding:16px;border-bottom:1px solid var(--color-border);font-size:.875rem;color:var(--color-text-secondary)}.commerce-table tr:last-child td{border-bottom:none}.commerce-table tbody tr{cursor:pointer;transition:background-color .15s ease}.commerce-table tbody tr:hover{background-color:var(--color-bg-page)}.commerce-table .name-cell{font-weight:500;color:var(--color-text-primary)}.commerce-table .name-cell a{color:var(--color-text-primary);text-decoration:none}.commerce-table .name-cell a:hover{color:var(--color-primary);text-decoration:underline}.commerce-table .secondary-cell{color:var(--color-text-secondary)}.commerce-table .amount-cell{font-weight:600;color:var(--color-success)}.filter-bar{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.filter-select{padding:10px 16px;border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;background-color:#fff;cursor:pointer;min-width:150px}.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.detail-page-container{max-width:900px}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.detail-header-left h1{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.detail-header-actions{display:flex;gap:12px}.form-section{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.form-section-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border)}.form-section-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.form-section-body{padding:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .form-group.full-width{grid-column:1 / -1}@media(max-width:768px){.form-grid{grid-template-columns:1fr}}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--color-border);background-color:var(--color-bg-page)}.form-actions-between{justify-content:space-between}.linked-resource{display:flex;align-items:center;gap:8px;padding:10px 12px;background-color:var(--color-bg-page);border-radius:8px;font-size:.875rem;color:var(--color-text-secondary)}.linked-resource-icon{font-size:1rem}.linked-resource-empty{color:var(--color-text-muted);font-style:italic}.items-list{display:flex;flex-direction:column;gap:8px}.item-card{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--color-bg-page);border-radius:8px;transition:background-color .15s ease}.item-card:hover{background-color:var(--color-bg-page)}.item-card-info{display:flex;flex-direction:column;gap:4px}.item-card-name{font-weight:500;color:var(--color-text-primary);font-size:.875rem}.item-card-link{color:var(--color-primary);text-decoration:none}.item-card-link:hover{text-decoration:underline}.item-card-meta{display:flex;gap:8px;align-items:center;font-size:.75rem;color:var(--color-text-secondary)}.item-card-actions{display:flex;gap:8px}.item-remove-btn{padding:6px 10px;background-color:transparent;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;transition:all .15s ease}.item-remove-btn:hover{background-color:var(--color-error-light);border-color:#fca5a5;color:var(--color-error)}.items-empty{padding:24px;text-align:center;color:var(--color-text-muted);font-size:.875rem;background-color:var(--color-bg-page);border-radius:8px;border:2px dashed var(--color-border)}.selector-modal{max-width:600px}.selector-modal .modal-body{max-height:400px;overflow-y:auto}.selector-list{display:flex;flex-direction:column;gap:4px}.selector-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:8px;cursor:pointer;transition:background-color .15s ease}.selector-item.selected{background-color:#e0e7ff}.selector-item-name{font-weight:500;color:var(--color-text-primary);font-size:.875rem}.selector-empty{padding:24px;text-align:center;color:var(--color-text-muted);font-size:.875rem}.selector-search{margin-bottom:16px}.table-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.form-readonly{display:flex;align-items:center;padding:10px 12px;background-color:var(--color-bg-page);border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;color:var(--color-text-secondary)}.field-help-text{font-size:.75rem;color:var(--color-text-muted);margin-top:4px}.schedule-config-textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;min-height:120px}.amount-input-group{display:flex;gap:8px}.amount-input-group .amount-field{flex:1}.amount-input-group .currency-field{width:80px}.type-display{display:inline-flex;align-items:center;gap:8px}.manage-link{font-size:.75rem;color:var(--color-primary);text-decoration:none;display:inline-flex;align-items:center;gap:4px;margin-left:8px;font-weight:400}@media(max-width:768px){.filter-bar{flex-direction:column}.filter-bar .search-input,.filter-select{width:100%}.detail-header{flex-direction:column;gap:16px}.detail-header-actions{width:100%}.detail-header-actions button{flex:1}.amount-input-group{flex-direction:column}.amount-input-group .currency-field{width:100%}}.signature-preview{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.signature-display{font-family:Brush Script MT,Dancing Script,Pacifico,cursive;font-size:2rem;color:var(--color-text-primary);padding:16px 20px;background-color:var(--color-bg-page);border-radius:8px;border:1px solid var(--color-border)}.split-pay-preview{background-color:var(--color-bg-page);border-radius:8px;border:1px solid var(--color-border);overflow:hidden}.split-pay-preview .preview-title{padding:12px 16px;font-weight:600;font-size:.875rem;color:var(--color-text-primary);background-color:#fff;border-bottom:1px solid var(--color-border)}.split-pay-preview .preview-content{padding:12px 16px}.split-pay-preview .preview-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.split-pay-preview .preview-row.highlight{background-color:#fff;margin:8px -16px -12px;padding:12px 16px;font-weight:600}.split-pay-preview .preview-label{color:var(--color-text-secondary);font-size:.875rem}.split-pay-preview .preview-value{color:var(--color-text-primary);font-size:.875rem}.split-pay-preview .preview-row.highlight .preview-value{color:var(--color-success);font-size:1rem}.split-pay-preview .preview-divider{height:1px;background-color:var(--color-border);margin:8px 0}.info-box{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;font-size:.875rem;color:#1e40af}.info-box .info-icon{flex-shrink:0}.billing-badge.split_pay,.billing-badge.split-pay{background-color:#ede9fe;color:var(--color-accent)}.status-badge.status-pending{background-color:#fef3c7;color:#92400e}.status-badge.status-completed{background-color:#d1fae5;color:#065f46}.status-badge.status-failed{background-color:var(--color-error-light);color:#991b1b}.status-badge.status-refunded{background-color:var(--color-border);color:var(--color-text-secondary)}.payments-section-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin:0 0 12px}.empty-state-inline{padding:16px;text-align:center;color:var(--color-text-muted);font-size:.875rem;background-color:var(--color-bg-page);border-radius:8px}.payment-sequence{font-weight:500;color:var(--color-text-secondary);font-size:.875rem}.error-tooltip{margin-left:6px;cursor:help}.resource-link{color:var(--color-text-secondary);text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:color .15s ease}.resource-link:hover{color:var(--color-primary);text-decoration:underline}.resource-link-arrow{font-size:.75rem;opacity:.7}.learn-more-link{color:#6b7280;text-decoration:none;font-size:.75rem;font-weight:400;margin-left:12px;display:inline-flex;align-items:center;gap:2px}.learn-more-link:hover{color:#4f5960;text-decoration:underline}.learn-more-link .external-arrow{font-size:.625rem}.workflow-entity-link{color:#0368ee;text-decoration:none}.workflow-entity-link:hover{text-decoration:underline}.btn-sm{padding:6px 12px!important;font-size:.8rem!important}.status-filter-checkboxes{display:flex;gap:4px;margin-bottom:16px;flex-wrap:wrap}.status-checkbox{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:.8rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.status-checkbox:hover{border-color:var(--color-text-muted)}.status-checkbox:has(input:checked){background-color:var(--color-bg-page);border-color:var(--color-text-muted);color:var(--color-text-primary)}.status-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-primary);cursor:pointer;margin:0}.trigger-list{display:flex;flex-direction:column;gap:8px}.trigger-card{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--color-bg-page);border:1px solid var(--color-border);border-radius:6px;transition:all .15s ease}.trigger-card:hover{border-color:var(--color-border);background:var(--color-bg-page)}.trigger-card-main{display:flex;align-items:center;gap:8px}.trigger-icon{font-size:1rem;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:5px;border:1px solid var(--color-border)}.trigger-content{display:flex;flex-direction:column;gap:2px}.trigger-label{font-weight:500;font-size:.8125rem;color:var(--color-text-primary)}.trigger-filter-summary{font-size:.75rem;color:var(--color-text-secondary)}.trigger-actions{display:flex;align-items:center;gap:8px}.step-list{display:flex;flex-direction:column;gap:8px}.step-card{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-bg-page);border:1px solid var(--color-border);border-radius:6px;transition:all .15s ease}.step-card:hover{border-color:var(--color-border);background:var(--color-bg-page)}.step-order{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--color-border);color:var(--color-text-secondary);font-size:.6875rem;font-weight:600;border-radius:50%;flex-shrink:0}.step-info{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.step-icon{font-size:.875rem;flex-shrink:0}.step-type{font-weight:500;font-size:.8125rem;color:var(--color-text-primary);flex-shrink:0}.step-preview{color:var(--color-text-secondary);font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.reorder-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;font-size:.6875rem;transition:all .15s ease}.reorder-btn:hover:not(:disabled){background:var(--color-bg-page);border-color:var(--color-text-muted);color:var(--color-text-secondary)}.reorder-btn:disabled{opacity:.4;cursor:not-allowed}.edit-btn{padding:3px 10px;background:#fff;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);font-size:.6875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.edit-btn:hover{background:var(--color-bg-page);border-color:var(--color-text-muted)}.delete-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--color-error-light);border-radius:4px;color:var(--color-error);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .15s ease}.delete-btn:hover:not(:disabled){background:var(--color-error-light);border-color:var(--color-error)}.add-item-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#fff;border:1px dashed var(--color-border);border-radius:5px;color:var(--color-text-secondary);font-size:.8125rem;cursor:pointer;transition:all .15s ease}.add-item-btn:hover{background:var(--color-bg-page);border-color:var(--color-text-muted);color:var(--color-text-secondary)}.add-item-btn.primary{border-style:solid;border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.add-item-btn.primary:hover{background:var(--color-primary-light);border-color:var(--color-primary-hover);color:var(--color-primary-hover)}.items-empty{text-align:center;padding:16px;color:var(--color-text-secondary);background:var(--color-bg-page);border-radius:8px;border:1px dashed var(--color-border)}.items-empty p{margin:0}.event-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.event-type-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;background:var(--color-bg-page);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .15s ease;position:relative}.event-type-option:hover:not(:disabled){border-color:var(--color-border);background:var(--color-bg-page)}.event-type-option.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.event-type-option.disabled{opacity:.5;cursor:not-allowed}.event-type-icon{font-size:1.5rem}.event-type-label{font-size:.75rem;font-weight:500;color:var(--color-text-secondary);text-align:center}.event-type-existing{position:absolute;top:4px;right:4px;font-size:.625rem;background:var(--color-border);color:var(--color-text-secondary);padding:2px 6px;border-radius:4px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border)}.tab{padding:12px 24px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;margin-bottom:-1px}.tab:hover{color:var(--color-text-secondary)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.workflow-status-select{padding:8px 32px 8px 16px;border:none;border-radius:9999px;font-size:.875rem;font-weight:600;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-repeat:no-repeat;background-position:right 12px center;background-size:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");transition:all .15s ease}.workflow-status-select:focus{outline:none;box-shadow:0 0 0 3px #0000001a}.workflow-status-select.status-draft{background-color:var(--color-bg-page);color:var(--color-text-secondary)}.workflow-status-select.status-draft:hover{background-color:var(--color-border)}.workflow-status-select.status-active{background-color:var(--color-success-light);color:var(--color-success)}.workflow-status-select.status-active:hover{background-color:var(--color-success-light)}.workflow-status-select.status-archived{background-color:var(--color-error-light);color:var(--color-error)}.workflow-status-select.status-archived:hover{background-color:var(--color-error-light)}.workflow-status-indicator{display:inline-flex;align-items:center;gap:8px}.workflow-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.workflow-status-dot.status-draft{background-color:var(--color-text-muted)}.workflow-status-dot.status-active{background-color:var(--color-success);animation:pulse-green 2s infinite}.workflow-status-dot.status-archived{background-color:var(--color-error)}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}.status-select{padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;background:#fff;font-size:.875rem;color:var(--color-text-secondary);cursor:pointer}.status-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.page-header-actions{display:flex;align-items:center;gap:8px}.condition-builder{border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-page);padding:12px}.condition-builder.compact{padding:8px}.condition-init-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:12px;background:#fff;border:1px dashed var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:all .15s ease}.condition-init-btn:hover{background:var(--color-bg-page);border-color:var(--color-text-muted);color:var(--color-text-secondary)}.condition-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.condition-field-wrapper{position:relative;flex:1;min-width:150px}.condition-input{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;background:#fff}.condition-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.condition-field{min-width:150px}.condition-value{flex:1;min-width:100px}.condition-select{padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer;min-width:120px}.condition-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.condition-remove-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--color-error-light);border-radius:4px;color:var(--color-error);cursor:pointer;font-size:1rem;flex-shrink:0}.condition-remove-btn:hover{background:var(--color-error-light);border-color:var(--color-error)}.condition-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid var(--color-border);border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:200px;overflow-y:auto}.condition-suggestion{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:8px 12px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .15s ease}.condition-suggestion:hover{background:var(--color-bg-page)}.suggestion-value{font-size:.875rem;font-weight:500;color:var(--color-text-primary);font-family:ui-monospace,monospace}.suggestion-label{font-size:.75rem;color:var(--color-text-secondary)}.condition-group{border:1px solid var(--color-border);border-radius:8px;background:#fff;overflow:hidden}.condition-group.depth-1,.condition-group.depth-2{background:var(--color-bg-page)}.condition-group-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--color-bg-page);border-bottom:1px solid var(--color-border)}.condition-logic-select{padding:4px 8px;border:1px solid var(--color-border);border-radius:4px;font-size:.75rem;font-weight:500;background:#fff;cursor:pointer}.condition-group-remove{padding:4px 8px;background:transparent;border:none;color:var(--color-error);font-size:.75rem;cursor:pointer}.condition-group-remove:hover{text-decoration:underline}.condition-group-body{padding:12px;display:flex;flex-direction:column;gap:8px}.condition-add-actions,.condition-upgrade-actions{display:flex;gap:8px;margin-top:8px}.condition-add-btn{padding:6px 12px;background:#fff;border:1px dashed var(--color-border);border-radius:4px;color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;transition:all .15s ease}.condition-add-btn:hover{background:var(--color-bg-page);border-color:var(--color-text-muted);color:var(--color-text-secondary)}.condition-add-btn.small{padding:4px 8px;font-size:.625rem}.step-category{margin-bottom:20px}.step-category:last-child{margin-bottom:0}.step-category-title{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.step-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.step-type-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--color-bg-page);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .15s ease}.step-type-option:hover{border-color:var(--color-border);background:var(--color-bg-page)}.step-type-option.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.step-type-option .step-type-icon{font-size:1.25rem}.step-type-option .step-type-label{font-size:.6875rem;font-weight:500;color:var(--color-text-secondary);text-align:center;line-height:1.2}.step-config-body{max-height:60vh;overflow-y:auto}.step-config-body .form-group{margin-bottom:16px}.step-config-body .form-group:last-child{margin-bottom:0}.step-config-body .form-label{display:block;font-weight:500;color:var(--color-text-secondary);margin-bottom:6px;font-size:.875rem}.step-config-body .form-label .required{color:var(--color-error)}.step-config-body .form-input,.step-config-body .form-textarea,.step-config-body .form-select{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;background:#fff}.step-config-body .form-input:focus,.step-config-body .form-textarea:focus,.step-config-body .form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.step-config-body .form-textarea{resize:vertical;min-height:80px}.step-config-body .field-help-text{margin-top:4px;font-size:.75rem;color:var(--color-text-secondary)}.step-config-body .form-description{color:var(--color-text-secondary);font-size:.875rem}.step-config-body .form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.variable-hint{margin-top:16px;padding:12px;background:var(--color-bg-page);border-radius:6px;font-size:.75rem}.variable-hint-title{display:block;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px}.variable-hint code{display:inline-block;padding:2px 6px;margin-right:8px;margin-bottom:4px;background:#fff;border:1px solid var(--color-border);border-radius:4px;font-family:ui-monospace,monospace;font-size:.6875rem}.step-card-wrapper{display:flex;flex-direction:column}.step-card-wrapper.if-else{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.step-card-wrapper.if-else .step-card{border-radius:0;border:none;background:var(--color-primary-light);border-bottom:1px solid var(--color-border)}.step-expand-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;font-size:.5625rem;margin-right:4px;flex-shrink:0}.step-expand-btn:hover{background:var(--color-bg-page)}.if-else-branches{display:grid;grid-template-columns:1fr 1fr;gap:0}.branch{padding:8px 10px;background:var(--color-bg-page)}.then-branch{border-right:1px solid var(--color-border);background:var(--color-success-light)}.else-branch{background:var(--color-error-light)}.branch-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.branch-label{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.then-branch .branch-label{color:var(--color-success)}.else-branch .branch-label{color:var(--color-error)}.branch-count{font-size:.6875rem;color:var(--color-text-secondary)}.branch-steps{display:flex;flex-direction:column;gap:6px}.branch-step{display:flex;align-items:center;gap:6px;padding:5px 8px;background:#fff;border:1px solid var(--color-border);border-radius:5px;font-size:.75rem}.branch-step-order{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--color-border);color:var(--color-text-secondary);font-size:.625rem;font-weight:600;border-radius:50%;flex-shrink:0}.branch-step-info{flex:1;display:flex;align-items:center;gap:6px;min-width:0}.branch-step-info .step-icon{font-size:.875rem}.branch-step-info .step-type{font-size:.75rem;font-weight:500}.branch-step-info .step-preview{font-size:.6875rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branch-step-actions{display:flex;gap:4px}.edit-btn.small,.delete-btn.small{padding:2px 6px;font-size:.625rem}.delete-btn.small{width:20px;height:20px;font-size:.75rem}.add-branch-step-btn{width:100%;padding:6px;background:transparent;border:1px dashed var(--color-border);border-radius:4px;color:var(--color-text-secondary);font-size:.6875rem;cursor:pointer;transition:all .15s ease;margin-top:4px}.add-branch-step-btn:hover{background:#ffffff80;border-color:var(--color-text-muted);color:var(--color-text-secondary)}.run-history-loading,.run-history-error,.run-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--color-text-secondary)}.run-history-empty .empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.run-history-empty .empty-description{font-size:.875rem;max-width:300px;margin-top:8px}.run-history-error{gap:12px}.run-list{display:flex;flex-direction:column;gap:8px}.run-item{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.run-item.expanded{box-shadow:0 1px 3px #0000001a}.run-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;cursor:pointer;transition:background .15s ease}.run-header:hover{background:var(--color-bg-page)}.run-expand-indicator{width:20px;color:var(--color-text-muted);font-size:.625rem}.run-info{flex:1;display:flex;align-items:center;gap:12px}.run-status{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500}.run-status.status-running{background:#dbeafe;color:#1d4ed8}.run-status.status-waiting{background:#fef3c7;color:#b45309}.run-status.status-completed{background:var(--color-success-light);color:var(--color-success)}.run-status.status-warning{background:#fef3c7;color:#b45309}.run-status.status-failed{background:var(--color-error-light);color:var(--color-error)}.run-id{font-family:ui-monospace,monospace;font-size:.75rem;color:var(--color-text-muted)}.run-timing{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.run-started{font-size:.8125rem;color:var(--color-text-secondary)}.run-duration{font-size:.75rem;color:var(--color-text-secondary)}.run-details{padding:16px;background:var(--color-bg-page);border-top:1px solid var(--color-border)}.run-details-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;color:var(--color-text-secondary);font-size:.875rem}.step-runs-header,.run-context-header{font-weight:600;font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.step-runs{margin-bottom:16px}.step-run-item{display:flex;align-items:flex-start;gap:12px;padding:8px 12px;background:#fff;border:1px solid var(--color-border);border-radius:6px;margin-bottom:6px}.step-run-status{padding:2px 8px;border-radius:10px;font-size:.6875rem;font-weight:500;flex-shrink:0}.step-status-pending{background:var(--color-bg-page);color:var(--color-text-secondary)}.step-status-scheduled,.step-status-running{background:#dbeafe;color:#1d4ed8}.step-status-completed{background:var(--color-success-light);color:var(--color-success)}.step-status-failed{background:var(--color-error-light);color:var(--color-error)}.step-status-skipped{background:var(--color-bg-page);color:var(--color-text-secondary)}.step-run-timing{font-size:.75rem;color:var(--color-text-secondary)}.step-run-error{flex:1;font-size:.75rem;color:#b91c1c;font-family:ui-monospace,monospace}.run-no-steps{padding:16px;text-align:center;color:var(--color-text-muted);font-size:.875rem}.run-context-data{margin:0;padding:12px;background:#fff;border:1px solid var(--color-border);border-radius:6px;font-size:.75rem;font-family:ui-monospace,monospace;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.run-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.pagination-buttons{display:flex;gap:8px}.pagination-btn{padding:6px 12px;background:#fff;border:1px solid var(--color-border);border-radius:6px;font-size:.8125rem;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:var(--color-bg-page);border-color:var(--color-text-muted)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.loading-spinner-small{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.active-contacts-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--color-text-secondary)}.active-contacts-empty .empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.active-contacts-empty .empty-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.active-contacts-empty .empty-description{font-size:.875rem;max-width:300px;margin:0;line-height:1.5}.active-contacts-count{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:16px}.active-contacts-table-container{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.active-contacts-table{width:100%;border-collapse:collapse}.active-contacts-table th{text-align:left;padding:12px 16px;background-color:var(--color-bg-page);font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.active-contacts-table td{padding:12px 16px;border-bottom:1px solid var(--color-border);font-size:.875rem;color:var(--color-text-secondary);vertical-align:top}.active-contacts-table tr:last-child td{border-bottom:none}.active-contacts-table tbody tr:hover{background-color:var(--color-bg-page)}.contact-cell{display:flex;flex-direction:column;gap:2px}.contact-cell .contact-name{font-weight:500;color:var(--color-text-primary)}.contact-cell .contact-email{font-size:.75rem;color:var(--color-text-secondary)}.current-step-cell{display:flex;flex-direction:column;gap:4px}.step-order-badge{display:inline-block;padding:2px 8px;background:var(--color-border);color:var(--color-text-secondary);font-size:.6875rem;font-weight:600;border-radius:10px;width:fit-content}.step-description{font-size:.875rem;color:var(--color-text-secondary)}.step-status{font-size:.75rem;color:var(--color-text-secondary)}.next-run{font-size:.6875rem;color:var(--color-text-muted);font-style:italic}.no-step{color:var(--color-text-muted)}.started-at{font-size:.8125rem;color:var(--color-text-secondary)}.btn-remove{padding:4px 12px;background:#fff;border:1px solid var(--color-error-light);border-radius:6px;color:var(--color-error);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-remove:hover{background:var(--color-error-light);border-color:var(--color-error)}.deleted-contact-row{opacity:.7}.deleted-contact{color:var(--color-text-muted);font-style:italic}.detail-page-container .form-section{background:none;border-radius:0;box-shadow:none;margin-bottom:12px}.detail-page-container .form-section-header{padding:0 0 4px;border-bottom:none}.detail-page-container .form-section-header .form-section-title{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-secondary)}.detail-page-container .form-section-body{padding:0}.delete-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;animation:modalOverlayFadeIn .2s ease-out}.delete-dialog{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:480px;width:90%;max-height:85vh;display:flex;flex-direction:column;animation:modalSlideUp .2s ease-out}.delete-dialog-header{padding:20px 24px;border-bottom:1px solid var(--color-border, #E4E7ED)}.delete-dialog-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #0F1922);margin:0}.delete-dialog-body{padding:20px 24px;overflow-y:auto;flex:1}.delete-dialog-message{font-size:.875rem;color:var(--color-text-secondary, #4F5960);margin:0 0 16px;line-height:1.5}.delete-dialog-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:var(--color-text-secondary, #4F5960)}.delete-dialog-loading p{margin:8px 0 0;font-size:.875rem}.delete-dialog-error{text-align:center;padding:16px;color:var(--color-error, #C80650)}.delete-dialog-error p{margin:0 0 12px;font-size:.875rem}.delete-dialog-references{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.delete-dialog-reference-section{background-color:var(--color-bg-page, #F7F9FC);border-radius:8px;padding:12px 16px}.delete-dialog-reference-label{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary, #4F5960);margin-bottom:8px}.delete-dialog-reference-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.delete-dialog-reference-item{font-size:.8125rem}.delete-dialog-reference-link{color:var(--color-primary, #0368EE);text-decoration:none;display:inline-flex;align-items:center;gap:4px}.delete-dialog-reference-link:hover{text-decoration:underline}.delete-dialog-link-icon{font-size:.75rem;opacity:.7}.delete-dialog-count-warning{background-color:#fef3c7;border-radius:8px;padding:12px 16px;font-size:.8125rem;color:#92400e}.delete-dialog-count{font-weight:600}.delete-dialog-impact{background-color:var(--color-error-light, #FDE8EF);border-radius:8px;padding:12px 16px;font-size:.8125rem;color:#991b1b;line-height:1.5}.delete-dialog-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--color-border, #E4E7ED);background-color:var(--color-bg-page, #F7F9FC);border-radius:0 0 12px 12px}@media(max-width:480px){.delete-dialog{width:95%;margin:16px}.delete-dialog-header,.delete-dialog-body,.delete-dialog-footer{padding-left:16px;padding-right:16px}}.feed-posts-inline{padding:16px 20px}.feed-posts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.feed-posts-count{font-size:.875rem;color:var(--color-text-secondary, #4F5960)}.feed-posts-loading,.feed-posts-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:var(--color-text-secondary, #4F5960);text-align:center;gap:12px}.feed-posts-empty{padding:32px;text-align:center;color:var(--color-text-muted, #666F75);font-size:.875rem;background-color:var(--color-bg-page, #F7F9FC);border-radius:8px;border:2px dashed var(--color-border, #E4E7ED)}.feed-posts-list{display:flex;flex-direction:column;gap:12px}.feed-post-card{background-color:var(--color-bg-page, #F7F9FC);border-radius:8px;padding:16px;transition:background-color .15s ease}.feed-post-card:hover{background-color:var(--color-bg-page, #F7F9FC)}.feed-post-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.feed-post-title{font-size:.9375rem;font-weight:600;color:var(--color-text-primary, #0F1922);margin:0;flex:1}.feed-post-status{font-size:.6875rem;font-weight:600;text-transform:uppercase;padding:3px 8px;border-radius:4px;white-space:nowrap}.feed-post-status.status-draft{background-color:var(--color-bg-page, #F7F9FC);color:var(--color-text-secondary, #4F5960)}.feed-post-status.status-published{background-color:var(--color-success-light, #ECFADF);color:var(--color-success, #44A608)}.feed-post-status.status-scheduled{background-color:#dbeafe;color:#1d4ed8}.feed-post-meta{font-size:.75rem;color:var(--color-text-muted, #666F75);margin-bottom:8px}.feed-post-preview{font-size:.875rem;color:var(--color-text-secondary, #4F5960);margin:0 0 12px;line-height:1.5}.feed-post-actions{display:flex;gap:8px}.feed-posts-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border, #E4E7ED)}.pagination-info{font-size:.875rem;color:var(--color-text-secondary, #4F5960)}.publish-options{display:flex;flex-direction:column;gap:12px}.radio-label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;cursor:pointer;font-size:.875rem;color:var(--color-text-secondary, #4F5960)}.radio-label input[type=radio]{width:16px;height:16px;accent-color:#0368EE}.radio-help{font-size:.75rem;color:var(--color-text-muted, #666F75);width:100%;padding-left:24px;margin-top:-4px}.schedule-inputs{display:flex;gap:16px}.schedule-field{flex:1}@media(max-width:480px){.schedule-inputs{flex-direction:column}}.role-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:capitalize}.role-badge.member{background-color:var(--color-bg-page);color:var(--color-text-secondary)}.role-badge.moderator{background-color:#dbeafe;color:#1d4ed8}.editable-title-container{display:flex;align-items:center;gap:8px;flex:1}.editable-title{cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .15s ease}.editable-title:hover{background-color:var(--color-bg-page)}.editable-title-input{font-size:inherit;font-weight:inherit;color:inherit;border:1px solid var(--color-primary);border-radius:4px;padding:4px 8px;width:100%;max-width:400px}.editable-title-input:focus{outline:none;box-shadow:0 0 0 3px #0368ee1a}.course-builder{max-width:1000px}.course-header{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;margin-bottom:24px}.course-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.course-header-left{flex:1}.course-header-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.course-header-meta{display:flex;align-items:center;gap:16px;font-size:.875rem;color:var(--color-text-secondary)}.course-header-actions{display:flex;gap:12px}.course-description{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.course-description-label{font-size:.75rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:4px}.course-description-text{font-size:.875rem;color:var(--color-text-secondary);cursor:pointer;padding:4px;border-radius:4px}.course-description-text:hover{background-color:var(--color-bg-page)}.course-description-empty{color:var(--color-text-muted);font-style:italic}.course-description-textarea{width:100%;min-height:80px;padding:8px 12px;border:1px solid var(--color-primary);border-radius:6px;font-size:.875rem;resize:vertical}.course-description-textarea:focus{outline:none;box-shadow:0 0 0 3px #0368ee1a}.modules-section{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.modules-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border)}.modules-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.modules-list{padding:0}.modules-empty{padding:48px 20px;text-align:center;color:var(--color-text-muted)}.module-accordion{border-bottom:1px solid var(--color-border)}.module-accordion:last-child{border-bottom:none}.module-accordion.dragging{opacity:.5;background-color:#eff6ff}.module-header{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;transition:background-color .15s ease}.module-drag-handle{color:var(--color-text-muted);cursor:grab;font-size:1.25rem;line-height:1;-webkit-user-select:none;user-select:none}.module-drag-handle:active{cursor:grabbing}.module-expand-icon{color:var(--color-text-secondary);transition:transform .2s ease}.module-expand-icon.expanded{transform:rotate(90deg)}.module-title{flex:1;font-weight:500;color:var(--color-text-primary);cursor:pointer;padding:4px 8px;border-radius:4px}.module-title:hover{background-color:var(--color-border)}.module-title-input{flex:1;padding:4px 8px;border:1px solid var(--color-primary);border-radius:4px;font-size:inherit;font-weight:inherit}.module-title-input:focus{outline:none;box-shadow:0 0 0 3px #0368ee1a}.module-lesson-count{font-size:.75rem;padding:2px 8px;background-color:var(--color-bg-page);border-radius:9999px;color:var(--color-text-secondary)}.module-delete-btn{padding:4px 8px;border:none;background:transparent;color:var(--color-text-muted);font-size:1rem;cursor:pointer;border-radius:4px;transition:all .15s ease}.module-delete-btn:hover{background-color:var(--color-error-light);color:var(--color-error)}.module-body{padding:0 20px 16px 52px}.lessons-list{display:flex;flex-direction:column;gap:4px}.lessons-empty{padding:16px;text-align:center;color:var(--color-text-muted);font-size:.875rem;background-color:var(--color-bg-page);border-radius:8px;border:2px dashed var(--color-border)}.lesson-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background-color:var(--color-bg-page);border-radius:8px;transition:all .15s ease}.lesson-row:hover{background-color:var(--color-bg-page)}.lesson-row.dragging{opacity:.5;background-color:#eff6ff}.lesson-drag-handle{color:var(--color-text-muted);cursor:grab;font-size:1rem;line-height:1;-webkit-user-select:none;user-select:none}.lesson-drag-handle:active{cursor:grabbing}.lesson-content-icon{font-size:1rem;min-width:24px;text-align:center}.lesson-title{flex:1;font-size:.875rem;color:var(--color-text-secondary)}.lesson-duration{font-size:.75rem;color:var(--color-text-secondary);font-family:ui-monospace,SFMono-Regular,monospace}.lesson-actions{display:flex;gap:4px}.lesson-edit-btn,.lesson-delete-btn{padding:4px 8px;border:none;background:transparent;font-size:.875rem;cursor:pointer;border-radius:4px;transition:all .15s ease}.lesson-edit-btn{color:var(--color-text-secondary)}.lesson-edit-btn:hover{background-color:#e0e7ff;color:var(--color-primary)}.lesson-delete-btn{color:var(--color-text-muted)}.lesson-delete-btn:hover{background-color:var(--color-error-light);color:var(--color-error)}.add-lesson-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;margin-top:8px;border:2px dashed var(--color-border);border-radius:8px;background:transparent;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.add-lesson-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#eff6ff}.lesson-editor-form{padding:20px}.lesson-editor-field{margin-bottom:16px}.lesson-editor-field:last-child{margin-bottom:0}.lesson-editor-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:6px}.lesson-editor-label .required{color:var(--color-error);margin-left:2px}.lesson-editor-input,.lesson-editor-select{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:.875rem}.lesson-editor-input:focus,.lesson-editor-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.lesson-editor-textarea{width:100%;min-height:150px;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;resize:vertical}.lesson-editor-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.video-url-input-group{display:flex;gap:8px}.video-url-input{flex:1}.video-provider-badge{display:flex;align-items:center;padding:0 12px;background-color:var(--color-bg-page);border-radius:8px;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.video-provider-badge.youtube{background-color:var(--color-error-light);color:var(--color-error)}.video-provider-badge.vimeo{background-color:#dbeafe;color:#1d4ed8}.video-provider-badge.wistia{background-color:#fef3c7;color:#d97706}.video-provider-badge.loom{background-color:#ede9fe;color:var(--color-accent)}.video-provider-badge.bunny{background-color:#fce7f3;color:#db2777}.duration-input-row{display:flex;gap:8px}.duration-input-row .lesson-editor-input{width:120px}.lesson-editor-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--color-border);background-color:var(--color-bg-page)}.conditional-fields{padding:16px;background-color:var(--color-bg-page);border-radius:8px;margin-top:8px}.conditional-fields-title{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:12px}.field-error{font-size:.75rem;color:var(--color-error);margin-top:4px}.community-header{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;margin-bottom:24px}.community-header-row{display:flex;justify-content:space-between;align-items:flex-start}.community-header-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.community-header-meta{font-size:.875rem;color:var(--color-text-secondary)}.spaces-list{display:flex;flex-direction:column;gap:8px}.space-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background-color:var(--color-bg-page);border-radius:8px;transition:all .15s ease}.space-item:hover{background-color:var(--color-bg-page)}.space-item.dragging{opacity:.5;background-color:#eff6ff}.space-drag-handle{color:var(--color-text-muted);cursor:grab;font-size:1.25rem;line-height:1;-webkit-user-select:none;user-select:none;padding-top:2px}.space-drag-handle:active{cursor:grabbing}.space-content{flex:1}.space-name{font-weight:500;color:var(--color-text-primary);cursor:pointer;padding:4px 8px;border-radius:4px;display:inline-block}.space-name:hover{background-color:var(--color-border)}.space-name-input{padding:4px 8px;border:1px solid var(--color-primary);border-radius:4px;font-size:inherit;font-weight:inherit;width:100%;max-width:300px}.space-name-input:focus{outline:none;box-shadow:0 0 0 3px #0368ee1a}.space-description{font-size:.875rem;color:var(--color-text-secondary);margin-top:4px;padding-left:8px}.space-slug{font-size:.75rem;color:var(--color-text-muted);margin-top:4px;padding-left:8px}.space-delete-btn{padding:4px 8px;border:none;background:transparent;color:var(--color-text-muted);font-size:1rem;cursor:pointer;border-radius:4px;transition:all .15s ease}.space-delete-btn:hover{background-color:var(--color-error-light);color:var(--color-error)}.role-select{padding:4px 8px;border:1px solid var(--color-border);border-radius:6px;font-size:.75rem;background-color:#fff;cursor:pointer}.role-select:focus{outline:none;border-color:var(--color-primary)}.member-role-select{margin-top:16px}.member-role-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:6px}.content-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);margin-bottom:24px}.content-tab{padding:12px 24px;border:none;background:transparent;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease}.content-tab:hover{color:var(--color-text-secondary)}.content-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}@media(max-width:768px){.course-header-row{flex-direction:column;gap:16px}.course-header-actions{width:100%}.course-header-actions button{flex:1}.module-body{padding-left:20px}.lesson-row{flex-wrap:wrap}.lesson-duration{order:5;width:100%;margin-top:8px;padding-left:36px}.community-header-row{flex-direction:column;gap:16px}.space-item{flex-wrap:wrap}}.course-builder-inline{margin-top:16px}.course-builder-inline .modules-section{background-color:var(--color-bg-page);border:1px solid var(--color-border);box-shadow:none}.course-builder-inline .loading-state,.course-builder-inline .error-state-small{padding:32px;text-align:center;color:var(--color-text-secondary)}.course-builder-inline .error-state-small p{margin-bottom:12px}.community-config-inline{margin-top:16px}.community-config-inline .content-tabs{margin-bottom:16px;background-color:var(--color-bg-page);border-radius:8px 8px 0 0;border:1px solid var(--color-border);border-bottom:none}.community-config-inline .content-tab{padding:10px 20px}.community-config-inline .tab-content{background-color:var(--color-bg-page);border:1px solid var(--color-border);border-top:none;border-radius:0 0 8px 8px;padding:16px}.community-config-inline .tab-content-header{display:flex;justify-content:flex-end;margin-bottom:16px}.community-config-inline .tab-content-body{min-height:100px}.community-config-inline .loading-state,.community-config-inline .error-state-small{padding:32px;text-align:center;color:var(--color-text-secondary)}.community-config-inline .error-state-small p{margin-bottom:12px}.items-empty{padding:32px;text-align:center;color:var(--color-text-muted);background-color:#fff;border:2px dashed var(--color-border);border-radius:8px}.community-config-inline .members-search{margin-bottom:16px}.community-config-inline .search-input{width:100%;max-width:300px;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem}.community-config-inline .search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.community-config-inline .members-table{background-color:#fff;border-radius:8px;overflow:hidden}.community-config-inline .pagination{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:12px;background-color:#fff;border-radius:8px}.community-config-inline .pagination-info{font-size:.875rem;color:var(--color-text-secondary)}.community-config-inline .pagination-buttons{display:flex;gap:8px}.community-config-inline .pagination-btn{padding:6px 12px;border:1px solid var(--color-border);border-radius:6px;background-color:#fff;font-size:.875rem;cursor:pointer}.community-config-inline .pagination-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.community-config-inline .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.item-remove-btn{padding:4px 8px;border:none;background:transparent;color:var(--color-text-muted);font-size:.875rem;cursor:pointer;border-radius:4px;transition:all .15s ease}.item-remove-btn:hover:not(:disabled){background-color:var(--color-error-light);color:var(--color-error)}.item-remove-btn:disabled{opacity:.5;cursor:not-allowed}.selector-search{margin-bottom:12px}.selector-list{max-height:300px;overflow-y:auto;border:1px solid var(--color-border);border-radius:8px}.selector-item{display:flex;align-items:center;padding:12px;cursor:pointer;border-bottom:1px solid var(--color-border);transition:background-color .15s ease}.selector-item:last-child{border-bottom:none}.selector-item:hover{background-color:var(--color-bg-page)}.selector-item.selected{background-color:#eff6ff}.selector-item-info{display:flex;flex-direction:column;gap:2px}.selector-item-name{font-weight:500;color:var(--color-text-primary)}.selector-item-meta{font-size:.75rem;color:var(--color-text-secondary)}.selector-empty{padding:32px;text-align:center;color:var(--color-text-muted)}.recurrence-editor{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.recurrence-toggle{margin-bottom:12px}.recurrence-toggle .toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.recurrence-toggle .toggle-label input[type=checkbox]{width:18px;height:18px}.recurrence-options{display:flex;flex-direction:column;gap:12px;padding:12px;background-color:var(--color-bg-page);border-radius:8px}.recurrence-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.recurrence-row>span{color:var(--color-text-secondary);font-size:.875rem}.interval-input{width:60px;padding:6px 8px;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem}.interval-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.frequency-select,.end-type-select{padding:6px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;background-color:#fff}.frequency-select:focus,.end-type-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.days-of-week{display:flex;gap:4px}.day-btn{width:36px;height:36px;border:1px solid var(--color-border);border-radius:6px;background-color:#fff;font-size:.75rem;cursor:pointer;transition:all .15s ease}.day-btn:hover{border-color:var(--color-primary)}.day-btn.selected{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.day-of-month-input,.count-input{width:60px;padding:6px 8px;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem}.day-of-month-input:focus,.count-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.until-input{padding:6px 8px;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem}.until-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.event-item{padding:12px 16px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:flex-start}.event-item:last-child{border-bottom:none}.event-content{flex:1}.event-card-header{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap}.event-title{font-weight:500;color:var(--color-text-primary)}.recurring-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background-color:#ede9fe;color:var(--color-accent);font-size:.75rem;font-weight:500;border-radius:4px}.exception-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background-color:#fef3c7;color:#d97706;font-size:.7rem;font-weight:500;border-radius:4px}.recurrence-summary{font-size:.75rem;color:var(--color-text-secondary);font-style:italic;margin-top:4px}.event-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.875rem;color:var(--color-text-secondary);margin-top:4px}.event-date{color:var(--color-text-secondary)}.event-location-badge{padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.event-location-badge.virtual{background-color:#dbeafe;color:#1e40af}.event-location-badge.physical{background-color:var(--color-success-light);color:#166534}.event-location-badge.hybrid{background-color:#fef3c7;color:#92400e}.event-zoom-badge{padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500;background-color:#e0e7ff;color:#3730a3}.event-actions{display:flex;gap:8px}.event-actions .btn-sm{padding:4px 8px;font-size:.75rem}.event-actions .btn-danger-text{color:var(--color-error)}.event-actions .btn-danger-text:hover{background-color:var(--color-error-light)}.recurring-scope-dialog{padding:16px 0}.scope-dialog-description{margin-bottom:20px;color:var(--color-text-secondary);font-size:.875rem}.scope-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.scope-option{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .15s ease}.scope-option:hover{border-color:var(--color-primary);background-color:var(--color-bg-page)}.scope-option input[type=radio]{margin-top:2px;width:18px;height:18px;accent-color:var(--color-primary)}.scope-option-content{display:flex;flex-direction:column;gap:4px}.scope-option-title{font-weight:500;color:var(--color-text-primary)}.scope-option-description{font-size:.8rem;color:var(--color-text-secondary)}.scope-dialog-actions{display:flex;justify-content:flex-end;gap:12px}.btn-danger{background-color:var(--color-error)!important;border-color:var(--color-error)!important}.btn-danger:hover{background-color:#b91c1c!important;border-color:#b91c1c!important}.step-type-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:capitalize}.step-type-badge.landing{background-color:#dbeafe;color:#1d4ed8}.step-type-badge.form{background-color:#d1fae5;color:var(--color-success)}.step-type-badge.checkout{background-color:#fef3c7;color:#d97706}.step-type-badge.thankyou{background-color:#ede9fe;color:var(--color-accent)}.funnel-section-label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary)}.element-type-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;background-color:var(--color-bg-page);font-size:.75rem}.funnel-builder{display:flex;flex-direction:column;gap:24px}.funnel-steps-list{display:flex;flex-direction:column;gap:8px}.funnel-step-item{background-color:#fff;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.funnel-step-header{display:flex;align-items:center;padding:12px 16px;cursor:pointer;background-color:var(--color-bg-page);transition:background-color .15s ease;gap:12px}.funnel-step-header:hover{background-color:var(--color-bg-page)}.funnel-step-header.expanded{border-bottom:1px solid var(--color-border)}.funnel-step-chevron{color:var(--color-text-secondary);font-size:.875rem;transition:transform .2s ease;flex-shrink:0}.funnel-step-chevron.expanded{transform:rotate(90deg)}.funnel-step-info{flex:1;display:flex;align-items:center;gap:12px}.funnel-step-name{font-weight:500;color:var(--color-text-primary);font-size:.875rem}.funnel-step-meta{font-size:.75rem;color:var(--color-text-secondary)}.funnel-step-actions{display:flex;align-items:center;gap:4px}.funnel-step-body{padding:16px;background-color:#fff}.reorder-btn{padding:4px 8px;background:none;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;font-size:.75rem;transition:all .15s ease}.reorder-btn:hover:not(:disabled){background-color:var(--color-bg-page);color:var(--color-text-secondary)}.reorder-btn:disabled{opacity:.5;cursor:not-allowed}.delete-btn{padding:4px 8px;background:none;border:1px solid var(--color-border);border-radius:4px;color:var(--color-error);cursor:pointer;font-size:.75rem;transition:all .15s ease}.delete-btn:hover:not(:disabled){background-color:var(--color-error-light);border-color:#fca5a5}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.funnel-sections-list{display:flex;flex-direction:column;gap:8px;margin-left:24px;padding-left:16px;border-left:2px solid var(--color-border)}.funnel-section-item{background-color:var(--color-bg-page);border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.funnel-section-header{display:flex;align-items:center;padding:10px 12px;cursor:pointer;transition:background-color .15s ease;gap:10px}.funnel-section-header:hover{background-color:var(--color-bg-page)}.funnel-section-header.expanded{border-bottom:1px solid var(--color-border)}.funnel-section-chevron{color:var(--color-text-muted);font-size:.75rem;transition:transform .2s ease;flex-shrink:0}.funnel-section-chevron.expanded{transform:rotate(90deg)}.funnel-section-info{flex:1;display:flex;align-items:center;gap:10px}.funnel-section-meta{font-size:.7rem;color:var(--color-text-muted)}.funnel-section-actions{display:flex;align-items:center;gap:4px}.funnel-section-body{padding:12px;background-color:#fff}.funnel-elements-list{display:flex;flex-direction:column;gap:6px}.funnel-element-item{display:flex;align-items:center;padding:8px 12px;background-color:var(--color-bg-page);border:1px solid var(--color-border);border-radius:4px;gap:10px;transition:background-color .15s ease}.funnel-element-item:hover{background-color:var(--color-bg-page)}.funnel-element-info{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.funnel-element-type{font-size:.75rem;font-weight:500;color:var(--color-text-secondary);text-transform:capitalize;flex-shrink:0}.funnel-element-preview{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.funnel-element-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.edit-btn{padding:4px 8px;background:none;border:1px solid var(--color-border);border-radius:4px;color:var(--color-primary);cursor:pointer;font-size:.7rem;transition:all .15s ease}.edit-btn:hover{background-color:#e0e7ff;border-color:var(--color-primary-light)}.add-item-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background-color:var(--color-bg-page);border:2px dashed var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:all .15s ease;margin-top:8px}.add-item-btn:hover{background-color:var(--color-bg-page);border-color:var(--color-border);color:var(--color-text-secondary)}.add-item-btn.primary{background-color:#f0f9ff;border-color:#bae6fd;color:#0369a1}.add-item-btn.primary:hover{background-color:#e0f2fe;border-color:#7dd3fc}.analytics-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.analytics-card{background-color:#fff;border:1px solid var(--color-border);border-radius:8px;padding:20px;text-align:center}.analytics-card-value{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.analytics-card-label{font-size:.875rem;color:var(--color-text-secondary)}.analytics-card-value.rate{color:var(--color-success)}.step-analytics-table{width:100%;border-collapse:collapse}.step-analytics-table th{text-align:left;padding:12px 16px;background-color:var(--color-bg-page);font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.step-analytics-table td{padding:12px 16px;border-bottom:1px solid var(--color-border);font-size:.875rem;color:var(--color-text-secondary)}.step-analytics-table tr:last-child td{border-bottom:none}.dropoff-rate{color:var(--color-error);font-weight:500}.dropoff-rate.low{color:var(--color-success)}.funnel-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--color-border)}.funnel-tab{padding:12px 20px;background:none;border:none;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s ease}.funnel-tab:hover{color:var(--color-text-secondary)}.funnel-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.funnel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.funnel-header-left{flex:1}.funnel-header-actions{display:flex;gap:12px;flex-shrink:0}.funnel-details-compact{display:flex;align-items:flex-end;gap:12px;margin-bottom:16px;padding:12px 16px;background:#fff;border:1px solid var(--color-border);border-radius:8px}.funnel-details-field{display:flex;flex-direction:column;gap:2px;min-width:0}.funnel-details-field .form-label{margin-bottom:0;font-size:.7rem}.funnel-details-field .form-input{padding:6px 10px;font-size:.85rem}.funnel-details-save{flex-shrink:0;padding:6px 20px;font-size:.85rem;white-space:nowrap}.funnel-name-input{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);border:none;background:none;padding:0;width:100%;outline:none}.funnel-name-input:focus{border-bottom:2px solid var(--color-primary)}.funnel-status-select{padding:8px 32px 8px 16px;border:none;border-radius:9999px;font-size:.875rem;font-weight:600;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-repeat:no-repeat;background-position:right 12px center;background-size:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");transition:all .15s ease}.funnel-status-select:focus{outline:none;box-shadow:0 0 0 3px #0000001a}.funnel-status-select.status-draft{background-color:var(--color-bg-page);color:var(--color-text-secondary)}.funnel-status-select.status-draft:hover{background-color:var(--color-border)}.funnel-status-select.status-active{background-color:#d1fae5;color:var(--color-success)}.funnel-status-select.status-active:hover{background-color:#a7f3d0}.funnel-status-select.status-archived{background-color:var(--color-error-light);color:var(--color-error)}.funnel-status-select.status-archived:hover{background-color:var(--color-error-light)}.funnel-status-indicator{display:inline-flex;align-items:center;gap:8px}.funnel-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.funnel-status-dot.status-draft{background-color:var(--color-text-muted)}.funnel-status-dot.status-active{background-color:var(--color-success);animation:funnel-pulse-green 2s infinite}.funnel-status-dot.status-archived{background-color:var(--color-error)}@keyframes funnel-pulse-green{0%,to{opacity:1}50%{opacity:.5}}.status-select{padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;cursor:pointer;min-width:120px}.status-select:focus{outline:none;border-color:var(--color-primary)}.drag-handle{color:var(--color-text-muted);cursor:grab;padding:4px;display:flex;align-items:center;justify-content:center}.drag-handle:hover{color:var(--color-text-secondary)}.step-settings-btn{padding:6px 10px;background-color:var(--color-bg-page);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;font-size:.75rem;transition:all .15s ease;margin-bottom:12px}.step-settings-btn:hover{background-color:var(--color-border);color:var(--color-text-secondary)}.type-selector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.type-selector-item{display:flex;flex-direction:column;align-items:center;padding:20px 16px;background-color:var(--color-bg-page);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:center}.type-selector-item:hover{background-color:var(--color-bg-page);border-color:var(--color-border)}.type-selector-item.selected{background-color:#e0e7ff;border-color:var(--color-primary)}.type-selector-icon{font-size:1.5rem;margin-bottom:8px}.type-selector-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.type-selector-description{font-size:.75rem;color:var(--color-text-secondary);margin-top:4px}.settings-section{border-top:1px solid var(--color-border);padding-top:16px;margin-top:16px}.settings-section-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:8px 0}.settings-section-title{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.settings-section-toggle{color:var(--color-text-secondary);font-size:.75rem}.settings-section-body{padding-top:12px}@media(max-width:768px){.analytics-summary,.type-selector-grid{grid-template-columns:1fr}.funnel-header{flex-direction:column}.funnel-header-actions{width:100%;flex-wrap:wrap}}.step-nav-status{display:block;font-size:.75rem;margin-top:4px}.step-nav-ok{color:var(--color-success)}.step-nav-warning{color:#d97706}.delete-confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;animation:modalOverlayFadeIn .2s ease-out}.delete-confirm-dialog{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;padding:24px;max-width:400px;width:90%;animation:modalSlideUp .2s ease-out}.delete-confirm-dialog-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #0F1922);margin:0 0 12px}.delete-confirm-dialog-description{font-size:.875rem;color:var(--color-text-secondary, #4F5960);margin:0 0 24px;line-height:1.5}.delete-confirm-dialog-actions{display:flex;justify-content:flex-end;gap:12px}@media(max-width:480px){.delete-confirm-dialog{width:95%;padding:20px}.delete-confirm-dialog-actions{flex-direction:column-reverse}.delete-confirm-dialog-actions button{width:100%;justify-content:center}}.image-upload{display:flex;flex-direction:column;gap:8px;width:100%}.image-upload-dropzone{position:relative;border:2px dashed #E4E7ED;border-radius:8px;padding:32px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease;min-height:120px;background:#fafbfc}.image-upload-dropzone:hover,.image-upload-dropzone.dragging{border-color:#0368ee;background:#f0f7ff}.image-upload-dropzone-text{font-size:.875rem;color:#4f5960;text-align:center}.image-upload-dropzone-text strong{color:#0368ee}.image-upload-dropzone-hint{font-size:.75rem;color:#8a9199;margin-top:4px}.image-upload-preview{position:relative;border:1px solid #E4E7ED;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fafbfc;padding:8px}.image-upload-preview img{max-width:100%;border-radius:4px;display:block}.image-upload-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px;min-height:120px;border:2px dashed #E4E7ED;border-radius:8px;background:#fafbfc}.image-upload-spinner-text{font-size:.875rem;color:#4f5960}.image-upload-actions{display:flex;gap:8px}.image-upload-actions button{font-size:.8125rem;padding:6px 14px;border-radius:6px;cursor:pointer;border:1px solid #E4E7ED;background:#fff;color:#1a2233;transition:background-color .15s ease;white-space:nowrap;line-height:1.4}.image-upload-actions button:hover{background:#f7f9fc}.image-upload-actions button:disabled{opacity:.5;cursor:not-allowed}.image-upload-actions .btn-remove{width:auto;height:auto;padding:6px 14px;color:#c80650;border-color:#c80650}.image-upload-actions .btn-remove:hover{background:#fff1f5}.bc-container{background:#fff;border-radius:12px;border:1px solid var(--color-border, #E4E7ED);overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bc-compact{border-radius:8px}.bc-loading,.bc-error{padding:2rem;text-align:center;color:var(--color-text-secondary, #4F5960)}.bc-error h3{color:var(--color-error, #C80650);margin:0 0 .5rem;font-size:1.1rem}.bc-error p{margin:0}.bc-header{padding:1.25rem 1.5rem 1rem;text-align:center;background:var(--color-bg-page, #F7F9FC);border-bottom:1px solid var(--color-border, #E4E7ED)}.bc-header h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .35rem}.bc-description{color:var(--color-text-secondary, #4F5960);margin:0;font-size:.9rem}.bc-meta{margin-top:.75rem}.bc-duration{display:inline-flex;align-items:center;gap:.3rem;background:var(--color-primary-light, #CDE1FC);color:var(--color-primary, #0368EE);padding:.3rem .65rem;border-radius:16px;font-size:.8rem;font-weight:500}.bc-steps{display:flex;justify-content:center;padding:1rem;gap:2rem;border-bottom:1px solid var(--color-border, #E4E7ED)}.bc-step{display:flex;flex-direction:column;align-items:center;gap:.25rem;opacity:.4;transition:opacity .2s}.bc-step.active{opacity:1}.bc-step-num{width:24px;height:24px;border-radius:50%;background:var(--color-border, #E4E7ED);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--color-text-secondary, #4F5960)}.bc-step.active .bc-step-num{background:var(--color-primary, #0368EE);color:#fff}.bc-step-label{font-size:.7rem;color:var(--color-text-secondary, #4F5960);font-weight:500}.bc-section{padding:1.25rem 1.5rem 1.5rem}.bc-section h4{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .75rem}.bc-calendar{border:1px solid var(--color-border, #E4E7ED);border-radius:10px;overflow:hidden;margin-bottom:.75rem}.bc-calendar-header{background:var(--color-bg-page, #F7F9FC);padding:.6rem .75rem;font-weight:600;color:var(--color-text-secondary, #4F5960);text-align:center;font-size:.9rem}.bc-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--color-bg-page, #F7F9FC);border-top:1px solid var(--color-border, #E4E7ED)}.bc-weekday{padding:.4rem;text-align:center;font-size:.7rem;font-weight:600;color:var(--color-text-muted, #666F75)}.bc-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:.4rem}.bc-day{aspect-ratio:1;border:none;background:transparent;cursor:pointer;font-size:.8rem;color:var(--color-text-secondary, #4F5960);border-radius:6px;transition:all .15s}.bc-day:disabled{color:var(--color-border, #E4E7ED);cursor:not-allowed}.bc-day.past{color:var(--color-border, #E4E7ED)}.bc-day.available{color:#111827;font-weight:500}.bc-day.available:hover{background:var(--color-primary-light, #CDE1FC)}.bc-day.selected{background:var(--color-primary, #0368EE);color:#fff}.bc-timezone{font-size:.75rem;color:var(--color-text-muted, #666F75);text-align:center;margin:0}.bc-back{background:none;border:none;color:var(--color-primary, #0368EE);font-size:.85rem;cursor:pointer;padding:0;margin-bottom:.75rem}.bc-back:hover{text-decoration:underline}.bc-selected-date{color:var(--color-text-secondary, #4F5960);margin:0 0 .75rem;font-size:.9rem}.bc-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.bc-slot{padding:.6rem .4rem;border:1px solid var(--color-border, #E4E7ED);border-radius:6px;background:#fff;cursor:pointer;font-size:.85rem;color:var(--color-text-secondary, #4F5960);transition:all .15s}.bc-slot:hover{border-color:var(--color-primary, #0368EE);background:var(--color-primary-light, #CDE1FC)}.bc-slot.selected{background:var(--color-primary, #0368EE);border-color:var(--color-primary, #0368EE);color:#fff}.bc-no-slots{text-align:center;padding:1.5rem;color:var(--color-text-secondary, #4F5960);background:var(--color-bg-page, #F7F9FC);border-radius:6px;font-size:.9rem}.bc-mini-summary{background:var(--color-bg-page, #F7F9FC);padding:.75rem;border-radius:6px;margin-bottom:1rem}.bc-mini-summary p{margin:0;color:var(--color-text-secondary, #4F5960);font-size:.9rem}.bc-mini-duration{font-size:.8rem!important;color:var(--color-text-secondary, #4F5960)!important;margin-top:.2rem!important}.bc-field{margin-bottom:.75rem}.bc-field label{display:block;font-size:.8rem;font-weight:500;color:var(--color-text-secondary, #4F5960);margin-bottom:.3rem}.bc-field input,.bc-field textarea{width:100%;padding:.6rem;border:1px solid var(--color-border, #E4E7ED);border-radius:6px;font-size:.9rem;transition:border-color .15s;box-sizing:border-box}.bc-field input:focus,.bc-field textarea:focus{outline:none;border-color:var(--color-primary, #0368EE);box-shadow:0 0 0 2px #0368ee1a}.bc-field textarea{resize:vertical;min-height:60px}.bc-submit{width:100%;padding:.7rem;background:var(--color-primary, #0368EE);color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s;margin-top:.25rem}.bc-submit:hover:not(:disabled){background:var(--color-primary-hover, #023477)}.bc-submit:disabled{opacity:.6;cursor:not-allowed}.bc-confirmation{padding:2rem 1.5rem;text-align:center}.bc-confirmation-icon{width:48px;height:48px;background:var(--color-success, #44A608);color:#fff;font-size:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.bc-confirmation h3{color:var(--color-success, #44A608);font-size:1.25rem;margin:0 0 .35rem}.bc-confirmation>p{color:var(--color-text-secondary, #4F5960);margin:0 0 1rem;font-size:.9rem}.bc-summary{background:var(--color-bg-page, #F7F9FC);padding:1rem;border-radius:10px;margin-bottom:1rem}.bc-summary h4{margin:0 0 .5rem;color:#111827;font-size:1rem}.bc-summary-date{margin:0;color:var(--color-text-secondary, #4F5960);font-weight:500;font-size:.9rem}.bc-summary-time{margin:.2rem 0 0;color:var(--color-text-secondary, #4F5960);font-size:1.1rem;font-weight:600}.bc-summary-duration{margin:.35rem 0 0;color:var(--color-text-secondary, #4F5960);font-size:.85rem}.bc-confirmation-note{font-size:.85rem;color:var(--color-text-secondary, #4F5960);margin:0}.bc-continue-btn{margin-top:1rem;padding:.6rem 1.5rem;background:var(--color-primary, #0368EE);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s}.bc-continue-btn:hover{background:var(--color-primary-hover, #023477)}@media(max-width:400px){.bc-slots{grid-template-columns:repeat(2,1fr)}.bc-steps{gap:1rem}}.pf-section{width:100%}.pf-section-inner{max-width:800px;margin:0 auto}.pf-element{margin-bottom:16px}.pf-element:last-child{margin-bottom:0}.pf-headline{font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 16px}.pf-subheadline{font-size:1.5rem;font-weight:600;line-height:1.3;margin:0 0 16px;color:var(--color-text-secondary)}.pf-text{font-size:1rem;line-height:1.7;margin:0 0 16px;color:#4b5563}.pf-image-container{margin:0 0 16px}.pf-image{max-width:100%;height:auto;border-radius:8px}.pf-video-container{position:relative;padding-bottom:56.25%;height:0;margin:0 0 16px;border-radius:8px;overflow:hidden}.pf-video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.pf-button{display:inline-block;padding:14px 32px;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease}.pf-button:hover{background-color:var(--color-primary);transform:translateY(-1px)}.pf-button:active{transform:translateY(0)}.pf-divider{border:none;border-top:1px solid var(--color-border);margin:24px 0}.pf-divider.dashed{border-top-style:dashed}.pf-divider.dotted{border-top-style:dotted}.pf-faq-item{background-color:#fff;border:1px solid var(--color-border);border-radius:8px;margin:0 0 12px;overflow:hidden}.pf-faq-question{padding:16px;font-weight:500;cursor:pointer;color:var(--color-text-primary);list-style:none}.pf-faq-question::-webkit-details-marker{display:none}.pf-faq-question:before{content:"+";font-size:1.25rem;margin-right:12px;color:var(--color-text-secondary)}.pf-faq-item[open] .pf-faq-question:before{content:"−"}.pf-faq-answer{padding:0 16px 16px;margin:0;color:var(--color-text-secondary);line-height:1.6}.pf-form{background-color:#fff;border:1px solid var(--color-border);border-radius:12px;padding:24px}.pf-form-field{margin-bottom:16px}.pf-form-field:last-of-type{margin-bottom:24px}.pf-form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:6px}.pf-required{color:var(--color-error);margin-left:4px}.pf-form-input{width:100%;padding:12px 14px;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.pf-form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.pf-form-input::placeholder{color:var(--color-text-muted)}.pf-form-submit{width:100%;padding:14px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease}.pf-form-submit:hover{opacity:.9;transform:translateY(-1px)}.pf-form-submit:active{transform:translateY(0)}.pf-form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.pf-checkout,.pf-claim-offer{text-align:center;padding:24px}.pf-checkout-button,.pf-claim-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 48px;font-size:1.125rem;font-weight:600;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;min-width:200px}.pf-checkout-button{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary) 100%);box-shadow:0 4px 14px #0368ee66}.pf-checkout-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0368ee80}.pf-claim-button{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success) 100%);box-shadow:0 4px 14px #10b98166}.pf-claim-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.pf-checkout-button:disabled,.pf-claim-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.pf-two-step-checkout{max-width:400px;margin:0 auto;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014}.pf-two-step-fields{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.pf-two-step-checkout .pf-form-field{text-align:left}.pf-two-step-checkout .pf-form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:6px}.pf-two-step-checkout .pf-form-input{width:100%;padding:12px 16px;font-size:1rem;border:1px solid var(--color-border);border-radius:8px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.pf-two-step-checkout .pf-form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a;outline:none}.pf-two-step-checkout .pf-required{color:var(--color-error)}.pf-two-step-checkout .pf-checkout-button{width:100%}.pf-booking-link{max-width:500px;margin:0 auto}.pf-booking-link-error{text-align:center;padding:24px;background-color:var(--color-error-light);border:1px solid var(--color-error-light);border-radius:8px;color:var(--color-error);font-size:.9rem}.pf-agreement{background-color:#fff;border:1px solid var(--color-border);border-radius:8px;padding:24px;max-width:800px;margin:0 auto}.pf-agreement-header{text-align:center;border-bottom:1px solid var(--color-border);padding-bottom:16px;margin-bottom:24px}.pf-agreement-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.pf-agreement-content{margin-bottom:24px;padding:16px;background-color:var(--color-bg-page);border-radius:8px;max-height:400px;overflow-y:auto}.pf-agreement-content p{margin:0 0 8px;font-size:.9rem;line-height:1.6}.pf-agreement-content h1,.pf-agreement-content h2,.pf-agreement-content h3,.pf-agreement-content h4{margin:1rem 0 .5rem;color:var(--color-text-primary);line-height:1.3}.pf-agreement-content h1{font-size:1.25rem}.pf-agreement-content h2{font-size:1.1rem}.pf-agreement-content h3{font-size:1rem}.pf-agreement-content ul,.pf-agreement-content ol{margin:0 0 8px;padding-left:1.5rem;font-size:.9rem;line-height:1.6}.pf-agreement-content li{margin-bottom:4px}.pf-agreement-content a{color:var(--color-primary);text-decoration:underline}.pf-agreement-content a:hover{text-decoration:none}.pf-agreement-content strong{font-weight:600;color:var(--color-text-primary)}.pf-agreement-content blockquote{margin:8px 0;padding-left:12px;border-left:3px solid var(--color-border);color:var(--color-text-muted)}.pf-agreement-company-signature{border-top:1px solid var(--color-border);padding-top:24px;margin-bottom:24px}.pf-agreement-company-signature h4{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--color-text-secondary)}.pf-company-name{font-weight:600;margin:0 0 8px}.pf-company-signature-text{font-family:Brush Script MT,Segoe Script,cursive;font-size:1.5rem;color:var(--color-text-primary);margin-bottom:8px}.pf-company-signer,.pf-company-position{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.pf-signature-date{margin:8px 0 0;font-size:.875rem;color:var(--color-text-muted)}.pf-agreement-form h4{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--color-text-secondary);border-top:1px solid var(--color-border);padding-top:24px}.pf-agreement-form h4:first-child{border-top:none;padding-top:0}.pf-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pf-form-input-short{max-width:100px}.pf-agreement-signature-input{margin-bottom:16px}.pf-signature-preview{margin-top:8px;padding:16px;background-color:var(--color-bg-page);border:1px dashed var(--color-border);border-radius:8px;text-align:center;font-family:Brush Script MT,Segoe Script,cursive;font-size:1.5rem;color:var(--color-text-primary);min-height:60px;display:flex;align-items:center;justify-content:center}.pf-agreement-checkbox{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;cursor:pointer}.pf-agreement-checkbox input[type=checkbox]{width:20px;height:20px;margin-top:2px;flex-shrink:0}.pf-agreement-checkbox span{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.pf-agreement-submit{width:100%;padding:14px 24px;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.pf-agreement-submit:hover:not(:disabled){background-color:var(--color-primary-hover)}.pf-agreement-submit:disabled{opacity:.6;cursor:not-allowed}.pf-agreement-loading,.pf-agreement-error{text-align:center;padding:24px;font-size:.9rem}.pf-agreement-loading{color:var(--color-text-secondary)}.pf-agreement-error{background-color:var(--color-error-light);border:1px solid var(--color-error-light);border-radius:8px;color:var(--color-error)}.pf-agreement-error-message{background-color:var(--color-error-light);border:1px solid var(--color-error-light);border-radius:8px;padding:12px;margin-bottom:16px;color:var(--color-error);font-size:.875rem}.pf-agreement-success{text-align:center;padding:48px 24px;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px}.pf-agreement-success-icon{width:64px;height:64px;background-color:var(--color-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 16px}.pf-agreement-success h3{margin:0 0 8px;font-size:1.25rem;color:#166534}.pf-agreement-success p{margin:0;color:#15803d}@media(max-width:768px){.pf-headline{font-size:1.75rem}.pf-subheadline{font-size:1.25rem}.pf-section-inner{padding:0 16px}.pf-form{padding:16px}.pf-button,.pf-form-submit{width:100%;text-align:center}}@media(max-width:640px){.pf-form-row{grid-template-columns:1fr}.pf-agreement{padding:16px}}.fb-placeholder{border:1px dashed var(--color-border);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--color-text-muted);cursor:pointer;transition:border-color .15s,background .15s}.fb-placeholder:hover{border-color:var(--color-primary);background:#2563eb08}.fb-placeholder-icon{font-size:1.5rem;opacity:.5}.fb-placeholder-text{font-size:.8rem;font-weight:500}.fb-placeholder--headline{min-height:60px;font-size:2.5rem;font-weight:700;font-style:italic;opacity:.35;line-height:1.2;padding:0 16px}.fb-placeholder--subheadline{min-height:48px;font-size:1.5rem;font-weight:600;font-style:italic;opacity:.35;line-height:1.3;padding:0 16px}.fb-placeholder--text{min-height:40px;font-size:1rem;font-style:italic;opacity:.35;line-height:1.7;padding:0 16px}.fb-placeholder--image{min-height:200px;background:#f9fafb}.fb-placeholder--video{width:100%;aspect-ratio:16 / 9;background:#f1f3f5}.fb-placeholder--button{min-height:52px;padding:14px 32px;background-color:var(--color-primary);color:#fff;opacity:.4;border-style:none;font-size:1rem;font-weight:600;font-style:normal}.fb-placeholder--form{min-height:200px;padding:24px;background:#f9fafb}.fb-placeholder--form .fb-placeholder-ghost-fields{width:100%;max-width:320px;display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.fb-placeholder--form .fb-placeholder-ghost-field{height:40px;background:#e5e7eb;border-radius:8px;opacity:.5}.fb-placeholder--form .fb-placeholder-ghost-button{height:44px;background:var(--color-primary);border-radius:8px;opacity:.3;max-width:320px}.fb-placeholder--checkout,.fb-placeholder--two_step_checkout,.fb-placeholder--claim_offer{min-height:80px;padding:24px}.fb-placeholder--checkout .fb-placeholder-ghost-button,.fb-placeholder--two_step_checkout .fb-placeholder-ghost-button,.fb-placeholder--claim_offer .fb-placeholder-ghost-button{height:52px;min-width:200px;border-radius:8px;opacity:.3;margin-top:8px}.fb-placeholder--checkout .fb-placeholder-ghost-button{background:var(--color-primary)}.fb-placeholder--claim_offer .fb-placeholder-ghost-button{background:var(--color-success)}.fb-placeholder--two_step_checkout .fb-placeholder-ghost-button{background:var(--color-primary)}.fb-placeholder--booking_link,.fb-placeholder--agreement{min-height:180px;padding:24px;background:#f9fafb}.fb-placeholder--faq_item{min-height:56px;padding:16px;background:#fff;border:1px solid var(--color-border);border-radius:8px}@property --dot-opacity{syntax: "<number>"; inherits: true; initial-value: 1;}@keyframes fb-dot-pulse{0%,to{--dot-opacity: 1}50%{--dot-opacity: .4}}.fb-container{display:flex;height:calc(100vh - 200px);min-height:500px;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;background:#fff;animation:fb-dot-pulse 1.5s ease-in-out infinite;position:relative}.fb-steps-panel{width:240px;min-width:240px;border-right:1px solid var(--color-border);display:flex;flex-direction:column;background:var(--color-bg-page);position:relative;transition:width .2s,min-width .2s}.fb-steps-panel.collapsed{width:40px;min-width:40px}.fb-steps-panel.collapsed .fb-steps-list,.fb-steps-panel.collapsed .fb-steps-save-row,.fb-steps-panel.collapsed .fb-add-step-btn,.fb-steps-panel.collapsed .fb-add-step-empty,.fb-steps-panel.collapsed .fb-steps-dimmed-overlay{display:none}.fb-steps-header{padding:12px 16px;font-weight:600;font-size:.875rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:6px;flex-shrink:0}.fb-steps-header-label{flex:1;display:flex;align-items:center;gap:6px}.fb-steps-header-count{font-size:.75rem;font-weight:400;color:var(--color-text-muted)}.fb-steps-panel.collapsed .fb-steps-header{justify-content:center;padding:12px 8px}.fb-steps-collapse-btn{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--color-text-muted);padding:2px 6px;border-radius:4px;line-height:1;position:relative;z-index:11}.fb-steps-collapse-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.fb-steps-list{flex:1;overflow-y:auto;padding:8px}.fb-step-item{display:flex;align-items:center;padding:10px 12px;border-radius:6px;cursor:pointer;position:relative;margin-bottom:4px;transition:background .15s}.fb-step-item:hover{background:var(--color-bg-hover)}.fb-step-item.active{background:#eff6ff;border-left:3px solid var(--color-primary);padding-left:9px}.fb-step-info{flex:1;min-width:0}.fb-step-name{display:block;font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fb-step-slug{display:block;font-size:.7rem;color:var(--color-text-muted)}.fb-step-nav{display:block;font-size:.7rem;margin-top:2px}.fb-step-nav-ok{color:var(--color-success, #44A608)}.fb-step-nav-warning{color:#d97706}.fb-step-actions{display:none;gap:2px;align-items:center}.fb-step-item:hover .fb-step-actions{display:flex}.fb-step-actions button{background:none;border:none;cursor:pointer;font-size:.75rem;padding:2px 4px;border-radius:4px;color:var(--color-text-muted)}.fb-step-actions button:hover:not(:disabled){background:var(--color-border);color:var(--color-text-primary)}.fb-step-actions button:disabled{opacity:.25;cursor:not-allowed}.fb-step-actions button.danger:hover:not(:disabled){color:#dc2626}.fb-step-edit{display:flex;flex-direction:column;gap:4px;width:100%}.fb-step-edit-input{width:100%;padding:4px 6px;border:1px solid var(--color-border);border-radius:4px;font-size:.8rem;box-sizing:border-box}.fb-step-edit-input:focus{outline:none;border-color:var(--color-primary)}.fb-step-edit-actions{display:flex;gap:4px;justify-content:flex-end}.fb-step-edit-save{padding:2px 10px;font-size:.7rem;background:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer}.fb-step-edit-save:disabled{opacity:.6;cursor:not-allowed}.fb-step-edit-cancel{padding:2px 6px;font-size:.7rem;background:none;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;color:var(--color-text-muted)}.fb-add-step-btn{width:100%;margin-top:4px;padding:8px;border:1px dashed var(--color-primary);background:none;border-radius:6px;cursor:pointer;font-size:.8rem;color:var(--color-primary);transition:all .15s}.fb-add-step-btn:hover{background:var(--color-primary-light, rgba(37, 99, 235, .06))}.fb-add-step-empty{display:flex;align-items:center;justify-content:center;flex:1;min-height:120px}.fb-add-step-primary{padding:10px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .15s}.fb-add-step-primary:hover{opacity:.9}.fb-steps-save-row{display:flex;gap:6px;margin-top:8px}.fb-steps-save-btn,.fb-steps-cancel-btn{flex:1;padding:7px 8px;font-size:.78rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.fb-steps-save-btn:disabled,.fb-steps-cancel-btn:disabled{opacity:.4;cursor:not-allowed}.fb-unsaved-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ee8903;margin-left:6px;vertical-align:middle;opacity:var(--dot-opacity, 1)}.fb-steps-dimmed-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff9;z-index:10;pointer-events:all;display:flex;align-items:flex-start;justify-content:center;padding-top:60%}.fb-steps-dimmed-message{padding:12px 20px;background:#fff;border:1px solid var(--color-border);border-radius:8px;font-size:.8rem;font-weight:600;color:var(--color-text-muted);box-shadow:0 2px 8px #0000000f;text-align:center}.fb-inline-step-form{padding:8px 4px}.fb-inline-field{margin-bottom:8px}.fb-inline-field label{display:block;font-size:.7rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:2px}.fb-inline-field input{width:100%;padding:6px 8px;border:1px solid var(--color-border);border-radius:5px;font-size:.8rem;box-sizing:border-box;transition:border-color .15s}.fb-inline-field input:focus{outline:none;border-color:var(--color-primary)}.fb-inline-form-preview{font-size:.65rem;font-family:monospace;color:var(--color-text-muted);margin-bottom:8px;word-break:break-all}.fb-inline-form-actions{display:flex;gap:6px;justify-content:flex-end}.fb-inline-form-actions button{padding:5px 12px;font-size:.75rem;border-radius:5px;cursor:pointer}.fb-inline-form-actions .btn-secondary{background:none;border:1px solid var(--color-border);color:var(--color-text-secondary)}.fb-inline-form-actions .btn-primary{background:var(--color-primary);color:#fff;border:none}.fb-inline-form-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.fb-canvas{flex:1;overflow-y:auto;padding:0 24px 24px;background:#fff}.fb-step-header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:16px 0 12px;margin-bottom:16px;border-bottom:1px solid var(--color-border);background:#fff}.fb-step-header-info{display:flex;align-items:baseline;gap:8px;min-width:0}.fb-step-header-name{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.fb-step-header-slug{font-size:.75rem;color:var(--color-text-muted);font-family:monospace}.fb-step-header-actions{display:flex;gap:8px;flex-shrink:0}.fb-step-header-btn{padding:5px 12px;font-size:.75rem;font-weight:500;border:1px solid var(--color-border);background:#fff;border-radius:5px;cursor:pointer;color:var(--color-text-secondary);transition:all .15s}.fb-step-header-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.fb-step-header-btn:disabled{opacity:.4;cursor:not-allowed}.fb-step-header-btn.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.fb-step-header-btn.btn-primary:hover:not(:disabled){opacity:.9;color:#fff}.fb-step-header-btn.btn-secondary{background:#fff;color:var(--color-text-secondary);border-color:var(--color-border)}.fb-canvas-dimmed{flex:1;display:flex;align-items:center;justify-content:center;background:#fafbfcd9;position:relative}.fb-canvas-dimmed-message{padding:16px 32px;background:#fff;border:1px solid var(--color-border);border-radius:8px;font-size:.9rem;color:var(--color-text-muted);box-shadow:0 2px 8px #0000000f}.fb-sections-list{padding:0 16px 16px}.fb-canvas-inner{max-width:800px;margin:0 auto}.fb-element-wrapper{position:relative;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:border-color .15s;margin-bottom:8px}.fb-element-wrapper:last-child{margin-bottom:0}.fb-element-wrapper.hovered{border-color:#ea580c}.fb-element-wrapper.selected{border-color:#c2410c;background:#fff7ed80;box-shadow:0 0 0 2px #ea580c33}.fb-section{border:2px solid transparent;border-radius:8px;margin-bottom:4px;position:relative;transition:border-color .15s}.fb-section.hovered{border-color:#16a34a}.fb-row{padding:8px 0;margin-bottom:8px;position:relative;border:2px solid transparent;border-radius:6px;transition:border-color .15s}.fb-row.hovered{border-color:#2563eb}.fb-row-columns{display:grid;gap:12px;padding:0 4px 4px}.fb-column{min-height:48px;border:2px solid transparent;border-radius:6px;padding:8px;position:relative;transition:border-color .15s}.fb-column.hovered{border-color:#c026d3}.fb-element-card{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid transparent;border-radius:6px;cursor:pointer;margin-bottom:6px;transition:all .15s;position:relative}.fb-element-card:last-child{margin-bottom:0}.fb-element-card.hovered{border:2px solid #ea580c}.fb-element-card.selected{border-color:#c2410c;background:#fff7ed;box-shadow:0 0 0 2px #ea580c33}.fb-element-icon{font-size:1rem;flex-shrink:0}.fb-element-info{flex:1;min-width:0}.fb-element-type{display:block;font-size:.75rem;font-weight:600;text-transform:capitalize;color:var(--color-text-primary)}.fb-element-preview{display:block;font-size:.7rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fb-hover-hidden{visibility:hidden;pointer-events:none}.fb-hover-pill{position:absolute;top:-28px;right:8px;display:flex;align-items:center;gap:2px;padding:3px 6px;border-radius:14px;z-index:10;box-shadow:0 1px 4px #00000026}.fb-hover-pill:after{content:"";position:absolute;top:100%;right:0;width:100%;height:12px}.fb-hover-pill button{background:none;border:none;color:#fff;cursor:pointer;font-size:.7rem;padding:2px 5px;border-radius:3px;line-height:1}.fb-hover-pill button:hover:not(:disabled){background:#ffffff40}.fb-hover-pill button:disabled{opacity:.4;cursor:not-allowed}.fb-hover-pill--section{background:#16a34a}.fb-hover-pill--row{background:#2563eb}.fb-hover-pill--column{background:#c026d3}.fb-hover-pill--element{background:#ea580c}.fb-hover-plus{position:absolute;border:none;color:#fff;font-size:.7rem;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:3px 6px;border-radius:14px;z-index:10;box-shadow:0 1px 4px #00000026}.fb-hover-plus:hover:not(:disabled){background-image:linear-gradient(#ffffff26,#ffffff26)}.fb-hover-plus:disabled{opacity:.4;cursor:not-allowed}.fb-hover-plus--bottom{bottom:-14px;left:50%;transform:translate(-50%)}.fb-hover-plus--bottom:before{content:"";position:absolute;bottom:100%;left:0;width:100%;height:12px}.fb-hover-plus--right{right:-14px;top:50%;transform:translateY(-50%)}.fb-hover-plus--right:before{content:"";position:absolute;right:100%;top:0;height:100%;width:12px}.fb-hover-plus--section{background:#16a34a}.fb-hover-plus--row{background:#2563eb}.fb-hover-plus--column{background:#c026d3}.fb-hover-plus--element{background:#ea580c}.fb-hover-label{position:absolute;bottom:-24px;right:8px;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#fff;padding:2px 8px;border-radius:8px;z-index:10;pointer-events:none}.fb-hover-label:before{content:"";position:absolute;bottom:100%;right:0;width:100%;height:12px}.fb-hover-label--section{background:#16a34a}.fb-hover-label--row{background:#2563eb}.fb-hover-label--column{background:#c026d3}.fb-hover-label--element{background:#ea580c}.fb-empty-step{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--color-text-muted);text-align:center}.fb-empty-step p{margin:0 0 16px;font-size:1.1rem}.fb-empty-canvas{display:flex;align-items:flex-start;justify-content:center;padding-top:80px;flex:1;color:var(--color-text-muted)}.fb-empty-canvas-content{display:flex;align-items:center;gap:12px}.fb-empty-canvas-arrow{font-size:2rem;line-height:1}.fb-empty-canvas-text{font-size:1.25rem;font-weight:500}.fb-empty-section,.fb-empty-row,.fb-empty-column{display:flex;align-items:center;justify-content:center;padding:20px 12px}.fb-empty-action-btn{padding:6px 16px;font-size:.75rem;font-weight:500;background:none;border:1px dashed;border-radius:6px;cursor:pointer;transition:all .15s}.fb-empty-section .fb-empty-action-btn{color:#2563eb;border-color:#2563eb}.fb-empty-section .fb-empty-action-btn:hover{background:#eff6ff}.fb-empty-row .fb-empty-action-btn{color:#c026d3;border-color:#c026d3}.fb-empty-row .fb-empty-action-btn:hover{background:#fdf4ff}.fb-empty-column .fb-empty-action-btn{color:#ea580c;border-color:#ea580c}.fb-empty-column .fb-empty-action-btn:hover{background:#fff7ed}.fb-empty-step .fb-empty-action-btn{color:#16a34a;border-color:#16a34a}.fb-empty-step .fb-empty-action-btn:hover{background:#f0fdf4}.aep-panel{width:280px;min-width:280px;display:flex;flex-direction:column;background:#fff;height:100%;overflow:hidden;position:absolute;top:0;right:0;bottom:0;z-index:20;box-shadow:-4px 0 12px #00000014}.aep-header{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--color-border);flex-shrink:0}.aep-header-icon{font-size:1rem}.aep-header-title{flex:1;font-size:.82rem;font-weight:600}.aep-back-btn{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--color-text-muted);padding:2px 4px;border-radius:4px}.aep-back-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.aep-close-btn{background:none;border:none;cursor:pointer;font-size:1.1rem;color:var(--color-text-muted);padding:2px;border-radius:4px;margin-left:auto}.aep-close-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.aep-body{flex:1;overflow-y:auto;padding:12px}.aep-add-btn{width:100%;margin-top:12px;padding:7px 14px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer}.aep-add-btn:disabled{opacity:.6;cursor:not-allowed}.aep-group{margin-bottom:12px}.aep-group:last-child{margin-bottom:0}.aep-group-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:5px}.aep-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.aep-type-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:1px solid var(--color-border);border-radius:5px;background:none;cursor:pointer;transition:all .15s}.aep-type-item:hover{border-color:var(--color-primary);background:#2563eb0a}.aep-type-icon{font-size:1.1rem}.aep-type-label{font-size:.65rem;font-weight:500;color:var(--color-text-secondary);text-align:center;line-height:1.2}.ep-panel{width:360px;min-width:360px;display:flex;flex-direction:column;background:#fff;height:100%;overflow:hidden;position:absolute;top:0;right:0;bottom:0;z-index:20;box-shadow:-4px 0 12px #00000014}.ep-header{display:flex;align-items:center;gap:8px;padding:16px;border-bottom:1px solid var(--color-border);flex-shrink:0}.ep-header-icon{font-size:1.2rem}.ep-header-title{flex:1;font-size:.9rem;font-weight:600;text-transform:capitalize}.ep-close-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--color-text-muted);padding:4px;border-radius:4px}.ep-close-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.ep-body{flex:1;overflow-y:auto;padding:16px}.ep-save-btn{width:100%;padding:8px 16px;margin-top:8px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer}.ep-save-btn:disabled{opacity:.6;cursor:not-allowed}.ep-field{margin-bottom:14px}.ep-field:last-child{margin-bottom:0}.ep-label{display:block;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:4px}.ep-input,.ep-textarea,.ep-select{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:6px;font-size:.85rem;box-sizing:border-box;transition:border-color .15s}.ep-input:focus,.ep-textarea:focus,.ep-select:focus{outline:none;border-color:var(--color-primary)}.ep-textarea{resize:vertical;font-family:inherit;min-height:80px}.ep-info-card{background:var(--color-bg-page);border:1px solid var(--color-border);border-radius:6px;padding:10px;font-size:.8rem;color:var(--color-text-secondary)}.ep-info-card a{color:var(--color-primary);text-decoration:none}.ep-info-card a:hover{text-decoration:underline}.ep-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);font-size:.85rem;padding:24px;text-align:center}.status-with-indicator{display:flex;align-items:center;gap:8px}.status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-indicator.draft{border:2px solid var(--color-text-muted);background-color:transparent}.status-indicator.active{background-color:var(--color-success)}.status-indicator.archived{background:linear-gradient(135deg,#f59e0b 50%,transparent 50%);border:2px solid #f59e0b}.actions-menu-wrapper{position:relative}.actions-menu-trigger{font-size:1.25rem;padding:4px 8px;color:var(--color-text-secondary)}.actions-menu-trigger:hover{background-color:var(--color-bg-page);color:var(--color-text-secondary)}.actions-menu-dropdown{position:absolute;right:0;top:100%;margin-top:4px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:140px;overflow:hidden}.actions-menu-item{display:block;width:100%;padding:10px 16px;text-align:left;background:none;border:none;font-size:.875rem;color:var(--color-text-secondary);cursor:pointer;transition:background-color .15s ease}.actions-menu-item:hover{background-color:var(--color-bg-page)}.actions-menu-item.danger{color:var(--color-error)}.actions-menu-item.danger:hover{background-color:var(--color-error-light)}.agreement-detail{max-width:900px}.agreement-tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:1px solid var(--color-border)}.tab-button{padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;margin-bottom:-1px}.tab-button:hover{color:var(--color-text-secondary)}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.agreement-content-editor{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.6;min-height:300px}.signature-type-options{display:flex;flex-direction:column;gap:12px}.radio-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background-color:var(--color-bg-page);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .15s ease}.radio-card:hover{border-color:var(--color-border)}.radio-card:has(input:checked){border-color:var(--color-primary);background-color:#f5f3ff}.radio-card input[type=radio]{width:18px;height:18px;margin-top:2px;accent-color:var(--color-primary);flex-shrink:0}.radio-card-content{display:flex;flex-direction:column;gap:4px}.radio-card-title{font-weight:500;color:var(--color-text-primary);font-size:.875rem}.radio-card-description{font-size:.8125rem;color:var(--color-text-secondary)}.collect-fields-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.checkbox-card{display:flex;align-items:center;gap:10px;padding:12px 16px;background-color:var(--color-bg-page);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .15s ease;font-size:.875rem;color:var(--color-text-secondary)}.checkbox-card:hover{background-color:var(--color-bg-page);border-color:var(--color-border)}.checkbox-card:has(input:checked){background-color:#f5f3ff;border-color:var(--color-primary)}.checkbox-card input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.company-signature-preview{margin-top:16px;padding:16px;background-color:var(--color-bg-page);border:1px solid var(--color-border);border-radius:8px}.preview-label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;margin:0 0 12px}.company-signature-block{padding:16px;background-color:#fff;border-radius:6px;border:1px solid var(--color-border)}.company-signature-block .company-name{font-weight:600;color:var(--color-text-primary);font-size:.9375rem;margin-bottom:8px}.company-signature-block .signature-display{font-family:Brush Script MT,Dancing Script,Pacifico,cursive;font-size:1.75rem;color:var(--color-text-primary);padding:8px 0;border-bottom:1px solid var(--color-text-primary);margin-bottom:8px}.company-signature-block .company-rep{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:4px}.company-signature-block .signature-date{font-size:.8125rem;color:var(--color-text-secondary)}.signature-detail-modal{max-height:60vh;overflow-y:auto}.signature-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.signature-detail-grid .detail-item{display:flex;flex-direction:column;gap:4px}.signature-detail-grid .detail-item.full-width{grid-column:1 / -1}.signature-detail-grid .detail-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.signature-detail-grid .detail-value{font-size:.875rem;color:var(--color-text-primary)}.signature-detail-grid .signature-display{font-family:Brush Script MT,Dancing Script,Pacifico,cursive;font-size:1.5rem;color:var(--color-text-primary);padding:12px 16px;background-color:var(--color-bg-page);border-radius:6px;border:1px solid var(--color-border)}.deleted-indicator{color:var(--color-error);font-size:.8125rem;font-style:italic}@media(max-width:768px){.signature-type-options{flex-direction:column}.collect-fields-grid,.signature-detail-grid{grid-template-columns:1fr}.agreement-tabs{overflow-x:auto}.tab-button{white-space:nowrap;padding:12px 16px}}.portal-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);margin-bottom:24px}.portal-tab{padding:12px 24px;border:none;background:transparent;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease}.portal-tab:hover{color:var(--color-text-secondary)}.portal-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.portal-product-list{display:flex;flex-direction:column;gap:8px}.portal-product-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid var(--color-border);border-radius:8px;cursor:grab;transition:all .15s ease}.portal-product-item:hover{background-color:var(--color-bg-page)}.portal-product-item:active{cursor:grabbing}.portal-product-item.dragging{opacity:.5;border-color:var(--color-primary);background-color:var(--color-primary-light)}.drag-handle{color:var(--color-text-muted);cursor:grab;font-size:1.25rem;line-height:1;-webkit-user-select:none;user-select:none}.portal-product-info{flex:1;display:flex;align-items:center;gap:12px}.portal-product-name{font-weight:500;color:var(--color-text-primary)}.theme-config-section{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.color-input-group{display:flex;align-items:center;gap:8px}.color-preview{width:32px;height:32px;border-radius:6px;border:1px solid var(--color-border);flex-shrink:0}.form-subsection-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin-top:24px;margin-bottom:8px;padding-top:16px;border-top:1px solid var(--color-border)}.members-search{margin-bottom:16px}.members-table{margin-top:0}.members-table tbody tr{cursor:default}.members-table tbody tr:hover{background-color:#fff}.members-table td:last-child{width:60px;text-align:right}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:600;background-color:var(--color-bg-page);color:var(--color-text-secondary)}@media(max-width:768px){.portal-tabs{flex-wrap:wrap}.portal-tab{padding:10px 16px;font-size:.8125rem}.theme-config-section{grid-template-columns:1fr}.portal-product-info{flex-direction:column;align-items:flex-start;gap:4px}.members-table th:nth-child(3),.members-table td:nth-child(3),.members-table th:nth-child(4),.members-table td:nth-child(4){display:none}}.avatar-upload{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:128px}.avatar-upload-preview{position:relative;cursor:pointer}.avatar-upload-preview:hover .avatar-upload-overlay{opacity:1}.avatar-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease;color:#fff;font-size:.75rem;font-weight:500}.avatar-upload-spinner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center}.avatar-upload-actions{display:flex;flex-direction:column;gap:8px;width:100%}.avatar-upload-actions button{font-size:.8125rem;padding:4px 12px;border-radius:6px;cursor:pointer;border:1px solid #E4E7ED;background:#fff;color:#1a2233;transition:background-color .15s ease;white-space:nowrap;width:100%}.avatar-upload-actions button:hover{background:#f7f9fc}.avatar-upload-actions button:disabled{opacity:.5;cursor:not-allowed}.avatar-upload-actions .btn-remove{color:#c80650;border-color:#c80650}.avatar-upload-actions .btn-remove:hover{background:#fff1f5}.avatar-upload-hint{font-size:.75rem;color:#4f5960}.step-section{background:#fff;border:1px solid var(--color-border, #E4E7ED);border-radius:12px;margin-bottom:20px;position:relative}.step-section-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border, #E4E7ED);background:var(--color-bg-page, #F7F9FC);border-radius:12px 12px 0 0}.step-section-title{display:flex;align-items:center;gap:16px}.step-section-title h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #0F1922)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-primary, #0368EE);color:#fff;font-size:1rem;font-weight:700;border-radius:50%;flex-shrink:0}.step-check{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-success, #44A608);color:#fff;border-radius:50%;font-size:.875rem}.step-section-content{padding:24px;min-height:120px}.step-section-summary{padding:16px 24px;font-size:.9375rem;color:var(--color-text-secondary, #4F5960)}.step-section-disabled{opacity:.5}.step-section-disabled .step-section-content{pointer-events:none}.step-section-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}.step-section-overlay span{background:var(--color-text-primary, #0F1922);color:#fff;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:500}.step-section-completed .step-section-header{background:var(--color-success-light, #ECFADF);border-bottom-color:var(--color-success, #44A608)}.step-section-completed .step-number{background:var(--color-success, #44A608)}.selector-container{position:relative;flex:1;z-index:1}.selector-container:focus-within{z-index:100}.selector-loading{padding:8px 12px;font-size:.875rem;color:var(--color-text-secondary, #4F5960)}.selector-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--color-border, #E4E7ED);border-radius:8px;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a;max-height:320px;overflow-y:auto;z-index:1000;margin-top:4px;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.selector-item{padding:12px 16px;cursor:pointer;transition:background-color .15s ease}.selector-item:hover{background:var(--color-primary-light, #CDE1FC)}.selector-item:not(:last-child){border-bottom:1px solid var(--color-bg-page, #F7F9FC)}.selector-item-main{font-size:.875rem;font-weight:500;color:var(--color-text-primary, #0F1922)}.selector-item-sub{font-size:.75rem;color:var(--color-text-secondary, #4F5960);margin-top:2px}.selector-empty{padding:16px;text-align:center;color:var(--color-text-secondary, #4F5960);font-size:.875rem}.two-column-selector{display:grid;grid-template-columns:1fr 1fr;gap:24px}.two-column-selector .selector-divider{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted, #666F75);font-size:.875rem;font-weight:500}@media(max-width:768px){.two-column-selector{grid-template-columns:1fr;gap:16px}}.dropdown-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:768px){.dropdown-row{grid-template-columns:1fr;gap:16px}}.form-select{width:100%;padding:10px 2.5em 10px 12px;font-size:.875rem;border:1px solid var(--color-border, #E4E7ED);border-radius:8px;background:#fff;color:var(--color-text-primary, #0F1922);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%234F5960' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:1.5em 1.5em}.form-select:focus{outline:none;border-color:var(--color-primary, #0368EE);box-shadow:0 0 0 3px #0368ee1a}.form-select:disabled{background-color:var(--color-bg-page, #F7F9FC);cursor:not-allowed;color:var(--color-text-muted, #666F75)}.checkout-result{display:flex;flex-direction:column;gap:16px}.checkout-url-row{display:flex;gap:12px;align-items:center}.checkout-url-input{flex:1;font-family:monospace;font-size:.875rem;background:var(--color-bg-page, #F7F9FC)}.checkout-expiration{font-size:.875rem;color:var(--color-text-secondary, #4F5960)}.btn-success{background:var(--color-success, #44A608)!important;border-color:var(--color-success, #44A608)!important}.path-selector{display:grid;grid-template-columns:1fr 1fr;gap:24px}.path-card{padding:32px;border:2px solid var(--color-border, #E4E7ED);border-radius:12px;cursor:pointer;text-align:center;transition:all .15s ease}.path-card:hover{border-color:var(--color-primary, #0368EE);background:var(--color-primary-light, #CDE1FC)}.path-card-icon{font-size:2.5rem;margin-bottom:12px}.path-card-title{font-size:1.125rem;font-weight:600;margin-bottom:8px;color:var(--color-text-primary, #0F1922)}.path-card-subtitle{font-size:.875rem;color:var(--color-text-secondary, #4F5960)}.back-link{display:inline-flex;align-items:center;gap:4px;color:var(--color-primary, #0368EE);font-size:.875rem;cursor:pointer;margin-bottom:16px;background:none;border:none;padding:0}.back-link:hover{text-decoration:underline}.path-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary, #4F5960);margin-bottom:16px}.radio-group{margin-bottom:20px}.radio-option{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border:1px solid var(--color-border, #E4E7ED);border-radius:8px;margin-bottom:12px;cursor:pointer;transition:all .15s ease}.radio-option:hover{border-color:var(--color-border, #E4E7ED)}.radio-option.selected{border-color:var(--color-primary, #0368EE);background:var(--color-primary-light, #CDE1FC)}.radio-option input[type=radio]{margin-top:2px;flex-shrink:0}.radio-option-label{font-size:.9375rem;font-weight:500;color:var(--color-text-primary, #0F1922)}.radio-option-content{flex:1}.form-section{background:var(--color-bg-page, #F7F9FC);border-radius:8px;padding:20px;margin-top:12px}.form-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary, #4F5960);margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #4F5960);margin-bottom:6px}.form-label .required{color:var(--color-error, #C80650)}.info-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:16px;margin-top:12px}.info-card-title{font-weight:600;color:#166534;margin-bottom:4px}.info-card-detail{font-size:.875rem;color:#15803d}.step-actions{margin-top:24px;display:flex;justify-content:flex-end}.section-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary, #4F5960);margin:24px 0 12px}.section-title:first-of-type{margin-top:0}.manage-link{font-size:.75rem;color:var(--color-primary, #0368EE);text-decoration:none;margin-left:8px;font-weight:400}@media(max-width:768px){.path-selector,.form-row{grid-template-columns:1fr}}.installment-builder{display:flex;flex-direction:column;gap:12px}.installment-builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.installment-builder-title{font-size:1rem;font-weight:600;color:var(--color-text-primary, #0F1922);margin:0}.back-to-options{background:none;border:none;color:var(--color-text-secondary, #4F5960);font-size:.75rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s ease}.back-to-options:hover{color:var(--color-primary, #0368EE);background:#0368ee0d}.installment-table-header,.installment-row,.summary-row{display:grid;grid-template-columns:100px 130px 140px 32px 70px;gap:12px;align-items:center}.installment-table-header{font-size:.6875rem;font-weight:600;color:var(--color-text-secondary, #4F5960);text-transform:uppercase;letter-spacing:.05em;padding-bottom:6px;border-bottom:1px solid var(--color-border, #E4E7ED)}.installments-list{display:flex;flex-direction:column;gap:6px}.installment-row{padding:4px 0}.col-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #4F5960)}.col-hint{font-size:.75rem;color:var(--color-text-secondary, #4F5960);font-weight:400}.col-amount{position:relative;display:flex;align-items:center}.currency-prefix{position:absolute;left:10px;color:var(--color-text-secondary, #4F5960);font-size:.875rem;z-index:1}.installment-amount-input{padding-left:24px!important;width:100%}.installment-date-input{width:100%}.installment-date-input[readonly]{background-color:var(--color-bg-page, #F7F9FC);cursor:not-allowed}.col-action{display:flex;justify-content:center}.btn-remove{width:28px;height:28px;padding:0;background:none;border:1px solid var(--color-border, #E4E7ED);border-radius:6px;color:var(--color-text-secondary, #4F5960);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .15s ease;flex-shrink:0}.btn-remove:hover{background-color:var(--color-error-light, #FDE8EF);border-color:var(--color-error-light, #FDE8EF);color:var(--color-error, #C80650)}.installment-summary{display:flex;flex-direction:column;gap:4px}.summary-separator-row{padding-top:4px}.btn-add-compact{width:28px;height:28px;padding:0;background:#fff;border:1px dashed var(--color-border, #E4E7ED);border-radius:6px;color:var(--color-text-secondary, #4F5960);font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-add-compact:hover{border-color:var(--color-primary, #0368EE);border-style:solid;color:var(--color-primary, #0368EE);background:#0368ee0d}.col-amount-separator{height:1px;background:var(--color-border, #E4E7ED);margin:0 4px}.summary-amount{font-size:.875rem;font-weight:600;text-align:right;padding-right:12px}.total-row .col-label{font-weight:600}.offer-price-row .col-label,.offer-price-row .summary-amount{color:var(--color-text-secondary, #4F5960);font-weight:500}.total-row.total-under .summary-amount{color:var(--color-error, #C80650)}.total-row.total-match .summary-amount{color:var(--color-success, #44A608)}.total-row.total-over .summary-amount{color:#d97706}.validation-message{padding:10px 14px;border-radius:8px;font-size:.875rem}.validation-under{background-color:var(--color-error-light, #FDE8EF);color:var(--color-error, #C80650)}.validation-match{background-color:var(--color-success-light, #ECFADF);color:var(--color-success, #44A608)}.validation-over{background-color:#fef3c7;color:#d97706}.installment-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px}.installment-note{font-size:.75rem;color:var(--color-text-secondary, #4F5960);margin:0;line-height:1.5}.installment-error{background-color:var(--color-error-light, #FDE8EF);color:var(--color-error, #C80650);padding:10px 14px;border-radius:8px;font-size:.875rem}@media(max-width:600px){.installment-row{flex-direction:column;align-items:stretch;gap:8px}.payment-number{min-width:auto}.currency-input-group,.installment-date-input,.installment-amount-input{width:100%}.btn-remove{align-self:flex-end}}.sales-dashboard{padding:32px;max-width:1000px}.stripe-warning-banner{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;background-color:#fffbeb;border:1px solid #fcd34d;border-radius:8px;margin-bottom:24px}.stripe-warning-icon{font-size:24px;flex-shrink:0}.stripe-warning-content{flex:1}.stripe-warning-content strong{display:block;color:#92400e;margin-bottom:4px}.stripe-warning-content p{margin:0 0 12px;color:#a16207;font-size:.875rem}.stripe-warning-link{display:inline-flex;align-items:center;gap:4px;color:var(--color-primary);font-weight:500;text-decoration:none;font-size:.875rem}.stripe-warning-link:hover{text-decoration:underline}.stripe-warning-link .link-arrow{font-size:.75rem}.stripe-hint-text{margin-top:12px;font-size:.875rem;color:var(--color-text-secondary)}.sales-dashboard .step-section{overflow:visible}.sales-dashboard .page-header{margin-bottom:32px}.sales-dashboard .page-title{font-size:1.875rem;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.sales-dashboard .page-description{font-size:.875rem;color:var(--color-text-secondary);margin:0}.sales-dashboard .two-column-selector{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:start}.sales-dashboard .column-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:28px}.sales-dashboard .or-text{background:var(--color-bg-page);color:var(--color-text-secondary);font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:9999px;text-transform:uppercase}@media(max-width:768px){.sales-dashboard .two-column-selector{grid-template-columns:1fr;gap:16px}.sales-dashboard .column-divider{padding-top:0}}.sales-dashboard .error-message{background:var(--color-error-light);color:var(--color-error);padding:12px 16px;border-radius:8px;font-size:.875rem;margin-bottom:16px}.sales-dashboard .btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background:var(--color-primary);color:#fff;font-size:.875rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.sales-dashboard .btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.sales-dashboard .btn-primary:disabled{opacity:.5;cursor:not-allowed}.sales-dashboard .btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background:#fff;color:var(--color-text-primary);font-size:.875rem;font-weight:500;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .15s ease}.sales-dashboard .btn-secondary:hover{background:var(--color-bg-page);border-color:var(--color-border)}.sales-dashboard .btn-sm{padding:6px 12px;font-size:.75rem}.sales-dashboard .form-group{display:flex;flex-direction:column;gap:6px}.sales-dashboard .form-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.sales-dashboard .form-input{width:100%;padding:10px 12px;font-size:.875rem;border:1px solid var(--color-border);border-radius:8px;transition:border-color .15s ease,box-shadow .15s ease}.sales-dashboard .form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.sales-dashboard .step-summary-card{background:var(--color-bg-page);border-radius:8px;padding:16px}.sales-dashboard .step-summary-content{display:flex;flex-direction:column;gap:8px}.sales-dashboard .summary-item{display:flex;align-items:center;gap:8px}.sales-dashboard .summary-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);min-width:100px}.sales-dashboard .summary-value{font-size:.875rem;color:var(--color-text-primary)}.sales-dashboard .summary-none{color:var(--color-text-muted);font-style:italic}.summary-link{color:var(--color-primary);text-decoration:none;font-weight:500}.summary-link:hover{text-decoration:underline}.link-arrow{font-size:.75rem;margin-left:4px;opacity:.7}.step2-offer-section{display:flex;flex-direction:column;gap:24px}.offer-row{display:flex;flex-direction:column;gap:6px}.offer-row .form-select{width:100%;padding:10px 2.5em 10px 12px;font-size:.875rem;border:1px solid var(--color-border);border-radius:8px;background:#fff;color:var(--color-text-primary);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%234F5960' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:1.5em 1.5em}.offer-row .form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.payment-options-row{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:stretch}.payment-option{background:var(--color-bg-page);border:1px solid var(--color-border);border-radius:12px;padding:20px;display:flex;flex-direction:column}.payment-option-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin:0 0 12px}.payment-option .form-select{width:100%;padding:10px 2.5em 10px 12px;font-size:.875rem;border:1px solid var(--color-border);border-radius:8px;background:#fff;color:var(--color-text-primary);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%234F5960' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:1.5em 1.5em}.payment-option .form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.payment-option-link{display:block;margin-top:8px}.payment-option-description{font-size:.75rem;color:var(--color-text-secondary);margin:12px 0 0;line-height:1.4}.payment-option-warning{font-size:.75rem;color:var(--color-error);margin:8px 0 0}.payment-option-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:32px}.divider-line{width:1px;height:32px;background:var(--color-border)}.divider-text{background:#fff;color:var(--color-text-muted);font-size:.75rem;font-weight:600;padding:8px 0}.btn-outline{width:100%;padding:10px 16px;border:1px solid var(--color-border);border-radius:8px;background:#fff;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.btn-outline-selected{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.manage-link{font-size:.75rem;color:var(--color-primary);text-decoration:none;margin-left:8px;font-weight:400}.manage-link:hover{text-decoration:underline}@media(max-width:768px){.payment-options-row{grid-template-columns:1fr;gap:16px}.payment-option-divider{flex-direction:row;padding-top:0;gap:12px}.divider-line{width:40px;height:1px}}.installment-plan-badge{display:inline-flex;align-items:center;padding:4px 10px;background:var(--color-primary-light);color:var(--color-primary);font-size:.8125rem;font-weight:500;border-radius:6px}.payment-option-disabled{opacity:.5;pointer-events:none}.payment-option-selected{border-color:var(--color-primary);background:var(--color-primary-light)}.payment-option-hint{text-align:center;color:var(--color-text-muted);font-size:.8125rem;padding:16px 0}.installment-builder-inline{background:var(--color-bg-page);border:1px solid var(--color-border);border-radius:12px;padding:24px}.multi-payment-note{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:12px 16px;font-size:.875rem;color:#1e40af;line-height:1.5;margin-bottom:16px}.step-actions{display:flex;justify-content:flex-end;margin-top:8px}.form-help-text{font-size:.75rem;color:var(--color-text-muted);margin-top:6px}.selector-loading{padding:8px 0;font-size:.875rem;color:var(--color-text-secondary)}.installment-summary-table{margin-top:16px;padding:16px;background:var(--color-bg-page);border-radius:8px}.installment-summary-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin:0 0 12px}.installment-summary-header,.installment-summary-row,.installment-summary-total{display:grid;grid-template-columns:100px 100px 120px 70px;gap:12px;align-items:center}.installment-summary-header{font-size:.6875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.installment-summary-row{padding:6px 0;font-size:.875rem;color:var(--color-text-secondary)}.installment-summary-row .col-label{font-weight:500}.installment-summary-total{padding-top:8px;margin-top:4px;border-top:1px solid var(--color-border);font-weight:600;font-size:.875rem;color:var(--color-text-primary)}.col-hint{font-size:.75rem;color:var(--color-text-secondary);font-weight:400}.installment-summary-total.total-match .col-amount{color:var(--color-success)}.installment-summary-total.total-over .col-amount{color:#d97706}.installment-summary-row.offer-row{color:var(--color-text-secondary);font-weight:500}.searchable-select-container{position:relative}.searchable-select-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.875rem;border:1px solid var(--color-border, #E4E7ED);border-radius:8px;background:#fff;cursor:pointer;text-align:left;color:var(--color-text-primary, #0F1922);font-family:inherit}.searchable-select-trigger:hover:not(:disabled){border-color:var(--color-border, #E4E7ED)}.searchable-select-trigger:focus{outline:none;border-color:var(--color-primary, #0368EE);box-shadow:0 0 0 3px #0368ee1a}.searchable-select-trigger:disabled{background-color:var(--color-bg-page, #F7F9FC);cursor:not-allowed;color:var(--color-text-muted, #666F75)}.searchable-select-trigger .placeholder{color:var(--color-text-muted, #666F75)}.searchable-select-trigger .chevron{font-size:.625rem;color:var(--color-text-secondary, #4F5960);transition:transform .15s ease}.searchable-select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid var(--color-border, #E4E7ED);border-radius:8px;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a;z-index:1000;animation:searchableSelectFadeIn .15s ease-out}@keyframes searchableSelectFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.searchable-select-search{padding:8px;border-bottom:1px solid var(--color-border, #E4E7ED)}.searchable-select-search input{width:100%;padding:8px 12px;font-size:.875rem;border:1px solid var(--color-border, #E4E7ED);border-radius:6px;font-family:inherit}.searchable-select-search input:focus{outline:none;border-color:var(--color-primary, #0368EE);box-shadow:0 0 0 2px #0368ee1a}.searchable-select-options{max-height:280px;overflow-y:auto}.searchable-select-option{padding:10px 12px;cursor:pointer;transition:background-color .1s ease}.searchable-select-option:hover{background:var(--color-bg-page, #F7F9FC)}.searchable-select-option.selected{background:var(--color-primary-light, #CDE1FC)}.searchable-select-option .option-label{display:block;font-size:.875rem;color:var(--color-text-primary, #0F1922)}.searchable-select-option .option-sublabel{display:block;font-size:.75rem;color:var(--color-text-secondary, #4F5960);margin-top:2px}.searchable-select-empty{padding:16px;text-align:center;color:var(--color-text-secondary, #4F5960);font-size:.875rem}.evolynt-ai-page{display:flex;flex-direction:column;height:calc(100vh - 57px);overflow:hidden;margin:-24px}.evolynt-ai-header{display:flex;flex-direction:column;gap:4px;padding:20px 24px 16px;border-bottom:1px solid var(--color-border, #e5e7eb);flex-shrink:0;background:var(--color-bg-surface, #ffffff)}.evolynt-ai-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary, #111827);margin:0}.evolynt-ai-subtitle-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.evolynt-ai-subtitle{font-size:.875rem;color:var(--color-text-secondary, #6b7280);margin:0}.ai-powered-by-badge{display:flex;align-items:center;gap:6px}.ai-powered-by-text{font-size:12px;color:var(--color-text-muted, #9ca3af)}.ai-claude-logo{height:16px;width:auto}.evolynt-ai-body{display:flex;flex:1;min-height:0;overflow:hidden}.ai-history-panel{width:220px;min-width:220px;border-right:1px solid var(--color-border, #e5e7eb);display:flex;flex-direction:column;background:var(--color-bg-page, #f9fafb);transition:width .2s ease,min-width .2s ease;overflow:hidden}.ai-history-panel.collapsed{width:40px;min-width:40px}.ai-history-header{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--color-border, #e5e7eb);flex-shrink:0}.ai-history-new-btn{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:8px 12px;background:var(--color-primary, #0368EE);border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:#fff}.ai-history-new-btn:hover{background:var(--color-primary-hover, #023477)}.ai-history-collapse-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:10px;border:none;border-bottom:1px solid var(--color-border, #e5e7eb);background:none;color:var(--color-text-muted, #9ca3af);font-size:1rem;cursor:pointer;flex-shrink:0}.ai-history-collapse-btn:hover{background-color:#0000000d;color:var(--color-text-primary, #111827)}.ai-history-list{flex:1;overflow-y:auto;padding:8px 0}.ai-history-group-label{padding:8px 12px 4px;font-size:11px;font-weight:600;color:var(--color-text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.05em}.ai-history-item{display:flex;align-items:center;width:100%;padding:8px 12px;background:none;border:none;cursor:pointer;font-size:13px;color:var(--color-text-primary, #111827);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-history-item:hover{background:var(--color-bg-surface, #ffffff)}.ai-history-item.active{background:var(--color-bg-surface, #ffffff);font-weight:500}.ai-history-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ai-history-empty{padding:24px 12px;font-size:13px;color:var(--color-text-muted, #9ca3af);text-align:center}.ai-chat-pane{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.ai-chat-usage-bar{display:flex;justify-content:flex-end;padding:8px 24px 0;flex-shrink:0}.ai-chat-pane-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 24px;position:relative}.ai-chat-welcome{display:flex;flex-direction:column;gap:16px;max-width:560px}.ai-chat-welcome-text{color:var(--color-text-secondary, #6b7280);font-size:14px;line-height:1.6;margin:0}.ai-chat-suggestions-label{font-size:13px;font-weight:500;color:var(--color-text-secondary, #6b7280);margin:0 0 4px}.ai-chat-suggestion{display:block;width:100%;text-align:left;padding:8px 12px;background:var(--color-bg-page, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:8px;cursor:pointer;font-size:13px;color:var(--color-text-primary, #111827);margin-bottom:6px}.ai-chat-suggestion:hover{background:var(--color-border, #e5e7eb)}.ai-chat-limit-banner{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:12px}.ai-chat-limit-banner p{color:#991b1b;font-size:13px;margin:0}.ai-chat-typing{display:flex;align-items:center;gap:6px;padding:8px 12px;margin-bottom:12px}.ai-chat-thinking-label{font-size:13px;color:var(--color-text-muted, #9ca3af);margin-left:4px}.ai-chat-typing-dot{width:6px;height:6px;background:var(--color-text-secondary, #6b7280);border-radius:50%;animation:ai-chat-bounce 1.2s infinite}.ai-chat-typing-dot:nth-child(2){animation-delay:.2s}.ai-chat-typing-dot:nth-child(3){animation-delay:.4s}@keyframes ai-chat-bounce{0%,80%,to{opacity:.3}40%{opacity:1}}.ai-chat-error{color:#991b1b;font-size:14px;padding:12px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-bottom:12px}.ai-chat-action-error{color:#991b1b;font-size:13px;padding:10px 14px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin:8px 0 12px}.ai-chat-action-error p{margin:0}.ai-chat-input-box{margin:0 24px 8px;border:1px solid var(--color-border, #e5e7eb);border-radius:12px;background:var(--color-bg-surface, #ffffff);flex-shrink:0;overflow:hidden}.ai-chat-input-box:focus-within{border-color:var(--color-primary, #0368EE);box-shadow:0 0 0 2px #0368ee1a}.ai-chat-textarea{display:block;width:100%;resize:none;border:none;padding:14px 16px 8px;font-size:14px;font-family:inherit;line-height:1.5;min-height:64px;max-height:200px;color:var(--color-text-primary, #111827);background:transparent;box-sizing:border-box;outline:none;overflow-y:auto;field-sizing:content}.ai-chat-textarea::placeholder{color:var(--color-text-muted, #9ca3af)}.ai-chat-textarea:disabled{opacity:.5;cursor:not-allowed}.ai-chat-input-bar{display:flex;align-items:center;justify-content:flex-end;padding:6px 10px}.ai-chat-submit-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary, #0368EE);color:#fff;border:none;border-radius:8px;cursor:pointer;flex-shrink:0}.ai-chat-submit-btn:hover:not(:disabled){background:var(--color-primary-hover, #023477)}.ai-chat-submit-btn:disabled{opacity:.3;cursor:not-allowed}.ai-chat-stop-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary, #f3f4f6);color:var(--color-text-secondary, #6b7280);border:1px solid var(--color-border, #e5e7eb);border-radius:8px;cursor:pointer;flex-shrink:0}.ai-chat-stop-btn:hover{background:var(--color-bg-page, #f9fafb);color:var(--color-text-primary, #111827)}.ai-chat-disclaimer{text-align:center;font-size:12px;color:var(--color-text-muted, #9ca3af);margin:4px 24px 12px}.ai-chat-usage{font-size:12px;color:var(--color-text-secondary, #6b7280);padding:2px 8px;background:var(--color-bg-page, #f9fafb);border-radius:10px;white-space:nowrap}.ai-chat-usage.near-limit{color:#d97706;background:#fef3c7}.ai-chat-usage.at-limit{color:#dc2626;background:#fee2e2}.ai-resize-handle{width:4px;cursor:col-resize;background:var(--color-border, #e5e7eb);flex-shrink:0;transition:background .15s}.ai-resize-handle:hover{background:#e5560a}.ai-preview-pane{width:30%;min-width:200px;display:flex;flex-direction:column;background:var(--color-bg-page, #f9fafb);overflow-y:auto}.ai-preview-content{flex:1;padding:24px;overflow-y:auto}.ai-preview-title{font-size:14px;font-weight:600;color:var(--color-text-primary, #111827);margin:0 0 16px}.ai-preview-section{margin-bottom:20px}.ai-preview-section-header{font-size:11px;font-weight:700;color:var(--color-text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;display:flex;align-items:center;gap:6px}.ai-preview-card{background:var(--color-bg-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:8px;padding:12px;margin-bottom:8px}.ai-preview-card-clickable{cursor:pointer;text-decoration:none;display:block;color:inherit}.ai-preview-card-clickable:hover{border-color:#e5560a}.ai-preview-card-name{font-size:13px;font-weight:600;color:var(--color-text-primary, #111827);display:flex;align-items:center;justify-content:space-between}.ai-preview-card-link-icon{font-size:12px;color:var(--color-text-muted, #9ca3af)}.ai-preview-card-meta{font-size:12px;color:var(--color-text-secondary, #6b7280);margin-top:4px}.ai-preview-welcome-text{font-size:14px;line-height:1.6;color:var(--color-text-secondary, #6b7280);margin-bottom:20px}.ai-wo-sections{display:flex;flex-direction:column}.ai-wo-section{border-bottom:1px solid var(--color-border, #e5e7eb);transition:background-color .3s ease}@keyframes ai-wo-highlight-pulse{0%{background-color:#16a34a26}50%{background-color:#16a34a14}to{background-color:transparent}}.ai-wo-section--highlight{animation:ai-wo-highlight-pulse 1.5s ease-in-out 2;border-radius:4px}.ai-wo-section--highlight .ai-wo-section-count{color:#16a34a;font-weight:600}.ai-wo-section:last-child{border-bottom:none}.ai-wo-section-header{display:flex;align-items:center}.ai-wo-section-toggle{flex:1;display:flex;align-items:center;gap:6px;padding:10px 0;background:none;border:none;cursor:pointer;font-size:13px;color:var(--color-text-primary, #111827);text-align:left}.ai-wo-section-toggle:hover{color:var(--color-primary, #0368EE)}.ai-wo-section-arrow{font-size:9px;width:14px;flex-shrink:0;color:var(--color-text-muted, #9ca3af)}.ai-wo-section-icon{flex-shrink:0}.ai-wo-section-label{font-weight:500}.ai-wo-section-count{color:var(--color-text-muted, #9ca3af);font-weight:400}.ai-wo-section-link{padding:6px 4px;font-size:13px;color:var(--color-text-muted, #9ca3af);text-decoration:none;flex-shrink:0}.ai-wo-section-link:hover{color:var(--color-primary, #0368EE)}.ai-wo-section-items{padding:0 0 8px 20px}.ai-wo-section-empty{font-size:12px;color:var(--color-text-muted, #9ca3af);padding:4px 0;font-style:italic}.ai-wo-resource-row{display:flex;align-items:center;gap:4px;padding:5px 8px;border-radius:4px;text-decoration:none;color:var(--color-text-primary, #111827);font-size:13px}.ai-wo-resource-row:hover{color:var(--color-primary, #0368EE)}.ai-wo-resource-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-wo-resource-link{font-size:12px;color:var(--color-text-muted, #9ca3af);flex-shrink:0}.ai-wo-resource-row:hover .ai-wo-resource-link{color:var(--color-primary, #0368EE)}.ai-chat-message{margin-bottom:16px}.ai-chat-message-user{display:flex;justify-content:flex-end}.ai-chat-message-user .ai-chat-message-content{max-width:80%;background:var(--color-bg-page, #f9fafb);border:1px solid var(--color-border, #e5e7eb);padding:10px 14px;border-radius:18px 18px 4px;font-size:14px;line-height:1.6;color:var(--color-text-primary, #111827)}.ai-chat-message-assistant .ai-chat-message-content{font-size:14px;line-height:1.6;color:var(--color-text-primary, #111827)}.ai-chat-message-toggle{display:block;margin-top:6px;background:none;border:none;padding:0;font-size:12px;font-weight:500;color:var(--color-primary, #0368EE);cursor:pointer}.ai-chat-message-toggle:hover{text-decoration:underline}.ai-chat-tool-indicator{display:flex;align-items:center;gap:6px;margin-top:6px;padding:4px 8px;background:var(--color-bg-page, #f9fafb);border-radius:6px;font-size:11px;color:var(--color-text-secondary, #6b7280)}.ai-chat-tool-icon{font-size:12px}.ai-chat-tool-duration{margin-left:4px;opacity:.7}.ai-action-card{border:1px solid var(--color-border, #e5e7eb);border-radius:8px;margin:8px 0 12px;overflow:hidden}.ai-action-card-header{background:var(--color-bg-page, #f9fafb);padding:8px 12px;font-size:11px;font-weight:700;color:var(--color-text-secondary, #6b7280);letter-spacing:.05em;text-transform:uppercase}.ai-action-card-body{padding:12px}.ai-action-group{margin-bottom:8px}.ai-action-group:last-child{margin-bottom:0}.ai-action-group-label{font-size:12px;font-weight:600;color:var(--color-text-secondary, #6b7280);margin-bottom:4px}.ai-action-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-primary, #111827);padding:2px 0}.ai-action-plus{color:#16a34a;font-weight:700;font-size:14px}.ai-action-detail{font-size:12px;color:var(--color-text-secondary, #6b7280);margin-left:20px;margin-top:1px;padding-bottom:2px}.ai-action-card-footer{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--color-border, #e5e7eb)}.ai-action-confirm{flex:1;padding:8px 16px;background:var(--color-primary, #0368EE);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.ai-action-confirm:hover:not(:disabled){background:var(--color-primary-hover, #023477)}@keyframes ai-action-pulse{0%,to{opacity:1}50%{opacity:.4}}.ai-action-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ee8903;margin-left:6px;vertical-align:middle;animation:ai-action-pulse 1.5s ease-in-out infinite}.ai-action-confirm:disabled{opacity:.5;cursor:not-allowed}.ai-action-cancel{padding:8px 16px;background:none;color:var(--color-text-secondary, #6b7280);border:1px solid var(--color-border, #e5e7eb);border-radius:6px;font-size:13px;cursor:pointer}.ai-action-cancel:hover:not(:disabled){background:var(--color-bg-page, #f9fafb)}.ai-action-card--cancelled{border-color:var(--color-border-light, #e5e7eb);background:var(--color-bg-page, #f9fafb)}.ai-action-card--cancelled .ai-action-card-header{color:var(--color-text-tertiary, #9ca3af)}.ai-action-cancelled-label{font-size:13px;color:var(--color-text-secondary, #6b7280);display:flex;align-items:center;gap:4px}.ai-action-cancelled-x{font-size:16px;line-height:1;color:var(--color-text-tertiary, #9ca3af)}.ai-action-card--confirmed{border-color:#d1fae5;background:#f0fdf4}.ai-action-card--confirmed .ai-action-card-header{color:#16a34a}.ai-action-confirmed-label{font-size:13px;color:#16a34a;display:flex;align-items:center;gap:4px}.ai-action-confirmed-check{font-size:16px;line-height:1;color:#16a34a}@media(max-width:1024px){.ai-preview-pane,.ai-resize-handle{display:none}}@media(max-width:768px){.ai-history-panel:not(.collapsed){position:absolute;z-index:50;left:0;top:0;bottom:0;box-shadow:4px 0 12px #0000001a}.evolynt-ai-subtitle-row{flex-direction:column;align-items:flex-start;gap:6px}}.auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-bg-page);padding:24px;padding-bottom:10vh}.auth-external-header{text-align:center;margin-bottom:24px}.auth-external-header .auth-logo{margin:0 auto 16px}.auth-external-header .auth-title{margin:0}.register-layout{position:relative}.register-card{max-width:420px}.form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-section-divider-inline{display:flex;align-items:center;gap:12px;margin:8px 0}.form-section-divider-inline:before,.form-section-divider-inline:after{content:"";flex:1;height:1px;background-color:var(--color-border)}.form-section-divider-inline span{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.slug-preview-compact{font-size:.75rem;color:var(--color-text-muted)}.slug-preview-compact p{margin:2px 0}.slug-preview-compact code{background-color:var(--color-bg-page);padding:2px 6px;border-radius:4px;font-family:monospace}.slug-preview-compact.hidden{visibility:hidden}.slug-preview-compact .slug-hint{margin-top:6px;font-style:italic}.password-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:stretch}.password-hints-inline{display:flex;flex-direction:column;justify-content:space-between}.password-hints-inline .password-requirement{font-size:.75rem;gap:4px;line-height:1.4}@media(max-width:520px){.password-row{grid-template-columns:1fr}.password-hints-inline{flex-direction:row;flex-wrap:wrap;gap:4px 12px;padding-bottom:0}}.auth-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:40px;width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{margin:0 auto 24px}.auth-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.auth-subtitle{font-size:.9375rem;color:var(--color-text-secondary);margin:0}.auth-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:var(--color-error);padding:12px 16px;margin-bottom:24px;font-size:.875rem}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form.auth-form-compact{gap:10px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-input{padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;transition:all .2s ease;outline:none}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.form-input::placeholder{color:var(--color-text-muted)}.form-hint{font-size:.75rem;color:var(--color-text-muted);margin:0}.auth-button{padding:12px 24px;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}.auth-button:hover:not(:disabled){background-color:var(--color-primary-hover)}.auth-button:disabled{background-color:var(--color-text-muted);cursor:not-allowed}.auth-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border)}.auth-footer p{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.auth-link{color:var(--color-primary);text-decoration:none;font-weight:500}.auth-link:hover{text-decoration:underline}.auth-message{text-align:center;padding:20px;color:var(--color-text-secondary)}.auth-message p{margin:8px 0}.auth-hint{font-size:.875rem;color:var(--color-text-secondary)}.auth-link-btn{display:block;width:100%;padding:12px;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-primary);font-size:.875rem;cursor:pointer;margin-top:16px}.auth-link-btn:hover{background-color:var(--color-bg-page)}.auth-submit-btn{padding:12px 24px;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px;width:100%}.auth-submit-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.auth-submit-btn:disabled{background-color:var(--color-text-muted);cursor:not-allowed}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;gap:16px}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.auth-box{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:40px;width:100%;max-width:400px;text-align:center}.auth-box h1{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:16px 0 8px}.verification-icon{font-size:48px;margin-bottom:8px}.verification-icon.success{color:var(--color-success)}.verification-icon.error{color:var(--color-error)}.redirect-text{font-size:.875rem;color:var(--color-text-secondary);margin:24px 0}.auth-link-text{margin-top:16px;font-size:.875rem;color:var(--color-text-secondary)}.auth-link-text .auth-link{background:none;border:none;padding:0;font:inherit;cursor:pointer}.auth-forgot{text-align:center;margin:16px 0 0;font-size:.875rem;color:var(--color-text-secondary)}.password-requirements{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;background-color:var(--color-bg-page);border-radius:8px}.password-requirement{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--color-text-muted)}.password-requirement.met{color:var(--color-success)}.requirement-icon{font-size:.75rem;width:16px;text-align:center}.requirement-label{flex:1}.form-error{font-size:.75rem;color:var(--color-error);margin:4px 0 0}.plan-selection-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-page);padding:24px}.plan-selection-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:40px;width:100%;max-width:960px}.plan-selection-header{text-align:center;margin-bottom:32px}.plan-selection-title{font-size:1.75rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.plan-selection-subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0}.billing-toggle-container{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.billing-toggle-btn{padding:12px 24px;border:2px solid var(--color-border);border-radius:8px;background-color:#fff;font-size:1rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.billing-toggle-btn:hover{border-color:var(--color-primary-light)}.billing-toggle-btn.active{border-color:var(--color-primary);background-color:var(--color-primary-light);color:var(--color-primary)}.billing-toggle-btn .save-badge{background-color:#e8f5e3;color:var(--color-success);font-size:.75rem;font-weight:500;padding:2px 8px;border-radius:4px;margin-left:8px}.plan-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.plan-card{border:2px solid var(--color-border);border-radius:12px;padding:24px;cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column}.plan-card:hover{border-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.plan-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.plan-card.popular{border-color:var(--color-primary-light)}.plan-card.popular.selected{border-color:var(--color-primary)}.plan-popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:var(--color-primary);color:#fff;font-size:.6875rem;font-weight:600;padding:4px 14px;border-radius:999px;white-space:nowrap}.plan-card-name{font-size:.875rem;font-weight:600;color:var(--color-primary);margin:0 0 12px}.plan-card-price-row{display:flex;align-items:baseline;gap:2px}.plan-card-price{font-size:2.25rem;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1}.plan-card-price-suffix{font-size:.9375rem;color:var(--color-text-muted)}.plan-card-description{font-size:.8125rem;color:var(--color-text-secondary);margin:8px 0 0}.plan-card-limits{display:flex;flex-direction:column;gap:10px;margin-top:20px;flex:1}.plan-card-limit-row{display:flex;align-items:center;justify-content:space-between;font-size:.8125rem}.plan-card-limit-label{color:var(--color-text-secondary)}.plan-card-limit-value{font-weight:600;color:var(--color-text-primary)}.plan-card-button{width:100%;padding:10px 16px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:20px;border:none}.plan-card-button.primary{background-color:var(--color-primary);color:#fff}.plan-card-button.primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.plan-card-button.outlined{background-color:var(--color-primary);color:#fff;border:none}.plan-card-button.outlined:hover:not(:disabled){background-color:var(--color-primary-hover)}.plan-card-button:disabled{opacity:.6;cursor:not-allowed}.plan-card-trial-note{font-size:.6875rem;color:var(--color-text-muted);text-align:center;margin:8px 0 0}.features-showcase{background-color:var(--color-bg-page);border-radius:12px;padding:28px 24px;margin-top:32px;text-align:center}.features-showcase-title{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 20px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 24px;max-width:600px;margin:0 auto;text-align:left}.feature-item{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--color-text-primary)}.save-badge{background-color:#e8f5e3;color:var(--color-success);font-size:.75rem;font-weight:500;padding:2px 8px;border-radius:4px;margin-left:8px}.trial-explainer{background-color:var(--color-bg-page);border-radius:8px;padding:20px;margin-bottom:24px}.trial-explainer-title{font-weight:600;color:var(--color-text-primary);margin:0 0 12px}.trial-explainer-list{list-style:none;padding:0;margin:0}.trial-explainer-list li{color:var(--color-text-secondary);font-size:.875rem;padding:4px 0}.trial-explainer-list li:before{content:"•";color:var(--color-primary);margin-right:8px}.plan-footer{text-align:center;margin-top:16px;font-size:.875rem;color:var(--color-text-secondary)}.form-section-divider{border:none;border-top:1px solid var(--color-border);margin:24px 0}.form-section-title{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px}.slug-preview{font-size:.75rem;color:var(--color-text-secondary);margin-top:8px}.slug-preview p{margin:0 0 4px}.slug-preview code{background-color:var(--color-bg-page);padding:2px 6px;border-radius:4px;font-family:monospace}.slug-preview-list{list-style:none;padding:0;margin:0}.slug-preview-list li{padding:2px 0}.code-inputs-container{display:flex;justify-content:center;gap:10px}.code-input{width:48px;height:48px;text-align:center;font-size:1.25rem;font-family:monospace;font-weight:600;border:1px solid var(--color-border);border-radius:8px;outline:none;transition:all .2s ease;padding:0}.code-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.code-input:disabled{background-color:var(--color-bg-page);color:var(--color-text-muted)}.resend-link{background:none;border:none;padding:0;font:inherit;font-weight:500;color:var(--color-primary);cursor:pointer;text-decoration:none}.resend-link:hover{text-decoration:underline}.resend-link:disabled{color:var(--color-text-muted);cursor:not-allowed}.resend-countdown{color:var(--color-text-muted);font-size:.875rem}.consent-checkbox{display:flex;align-items:flex-start;gap:8px;font-size:.8125rem;color:var(--color-text-secondary);cursor:pointer;margin-top:8px}.consent-checkbox input[type=checkbox]{margin-top:2px;accent-color:var(--color-primary);flex-shrink:0}.consent-checkbox a{color:var(--color-primary);text-decoration:underline}.consent-checkbox a:hover{color:var(--color-primary-hover)}@media(max-width:768px){.plan-cards,.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.plan-cards{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}}.checkout-success{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-page);padding:20px}.checkout-success-card{background:#fff;border-radius:12px;padding:48px;text-align:center;box-shadow:0 4px 6px -1px #0000001a;max-width:400px}.success-icon{width:64px;height:64px;background:var(--color-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 24px}.checkout-success h1{font-size:1.5rem;color:var(--color-text-primary);margin-bottom:12px}.checkout-success p{color:var(--color-text-secondary);margin-bottom:8px}.redirect-message{font-size:.875rem;color:var(--color-text-muted);margin-top:16px;margin-bottom:24px}.checkout-success .btn-primary{display:inline-block;padding:12px 24px;background:var(--color-primary);color:#fff;border-radius:8px;text-decoration:none;font-weight:500}.checkout-success .btn-primary:hover{background:var(--color-primary-hover)}.oauth-consent-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:40px;width:100%;max-width:520px}.oauth-consent-header{text-align:center;margin-bottom:24px}.oauth-consent-header h1{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.oauth-consent-header p{font-size:.9375rem;color:var(--color-text-secondary);margin:0}.oauth-consent-divider{height:1px;background-color:var(--color-border);margin:24px 0}.oauth-consent-section-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px}.oauth-consent-select{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:.9375rem;outline:none;background-color:#fff}.oauth-consent-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.oauth-consent-scopes-label{font-size:.9375rem;font-weight:500;color:var(--color-text-primary);margin-bottom:16px}.oauth-scope-group{margin-bottom:16px}.oauth-scope-group-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:8px}.oauth-scope-group-items{background-color:var(--color-bg-page);border-radius:8px;padding:8px 12px}.oauth-scope-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.oauth-scope-row+.oauth-scope-row{border-top:1px solid var(--color-border)}.oauth-scope-resource{font-size:.875rem;color:var(--color-text-primary)}.oauth-scope-actions{display:flex;gap:6px}.oauth-scope-badge{font-size:.75rem;font-weight:500;padding:2px 8px;border-radius:4px;background-color:#fff;border:1px solid var(--color-border);color:var(--color-text-secondary)}.oauth-redirect-uri{font-size:.8125rem;color:var(--color-text-muted);margin-top:4px}.oauth-redirect-uri code{font-family:monospace;font-size:.8125rem;background-color:var(--color-bg-page);padding:2px 6px;border-radius:4px;word-break:break-all}.oauth-consent-buttons{display:flex;justify-content:space-between;gap:12px;margin-top:8px}.oauth-consent-buttons .btn-deny{flex:0 0 auto;padding:12px 24px;border:1px solid var(--color-border);border-radius:8px;background-color:#fff;font-size:.9375rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.oauth-consent-buttons .btn-deny:hover:not(:disabled){background-color:var(--color-bg-page)}.oauth-consent-buttons .btn-authorize{flex:1;padding:12px 24px;border:none;border-radius:8px;background-color:var(--color-primary);font-size:.9375rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.oauth-consent-buttons .btn-authorize:hover:not(:disabled){background-color:var(--color-primary-hover)}.oauth-consent-buttons button:disabled{opacity:.6;cursor:not-allowed}.notification-bell{position:relative}.notification-bell-btn{position:relative;background:none;border:none;cursor:pointer;padding:8px;color:var(--color-text-muted);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.notification-bell-btn:hover{background-color:var(--color-bg-secondary)}.notification-bell-badge{position:absolute;top:2px;right:2px;background:#c80650;color:#fff;font-size:.625rem;font-weight:700;min-width:16px;height:16px;border-radius:9999px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.notification-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:380px;background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:100;overflow:hidden}.notification-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--color-border)}.notification-dropdown-title{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.notification-mark-all-btn{background:none;border:none;cursor:pointer;font-size:.8125rem;color:var(--color-primary);font-weight:500}.notification-mark-all-btn:hover{text-decoration:underline}.notification-dropdown-list{max-height:400px;overflow-y:auto}.notification-row{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color .15s;border-bottom:1px solid var(--color-border)}.notification-row:last-child{border-bottom:none}.notification-row:hover{background-color:var(--color-bg-page)}.notification-row--unread{background-color:#0368ee0a}.notification-row--unread:hover{background-color:#0368ee14}.notification-row-content{flex:1;min-width:0}.notification-row-line1{font-size:.8125rem;color:var(--color-text-primary);line-height:1.4}.notification-row--unread .notification-row-line1{font-weight:600}.notification-row-time{color:var(--color-text-muted);font-weight:400}.notification-row-line2{font-size:.75rem;color:var(--color-text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-unread-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-primary);flex-shrink:0;margin-top:6px;cursor:pointer;border:none;padding:0}.notification-unread-dot:hover{background-color:#0256c7}.notification-empty,.notification-loading{padding:32px 16px;text-align:center;font-size:.875rem;color:var(--color-text-muted)}.notification-load-more{display:block;width:100%;padding:12px;background:none;border:none;border-top:1px solid var(--color-border);cursor:pointer;font-size:.8125rem;color:var(--color-primary);font-weight:500;text-align:center}.notification-load-more:hover{background-color:var(--color-bg-page)}.notification-load-more:disabled{cursor:default;opacity:.6}.portal-layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-page)}.portal-header{background-color:#fff;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50}.portal-header-inner{max-width:1400px;margin:0 auto;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.portal-branding{display:flex;align-items:center}.portal-logo-link{text-decoration:none}.portal-logo{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0;transition:color .2s ease}.portal-logo-link:hover .portal-logo{color:var(--portal-primary-color, #0368EE)}.portal-logo-image{height:36px;width:auto;max-width:180px;object-fit:contain}.portal-header-right{display:flex;align-items:center;gap:16px}.portal-user-email{font-size:.875rem;color:var(--color-text-secondary)}.portal-user-menu{position:relative}.portal-user-menu-trigger{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;background:none;border:1px solid transparent;border-radius:9999px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;color:var(--color-text-secondary)}.portal-user-menu-trigger:hover{background-color:var(--color-bg-page);border-color:var(--color-border)}.portal-user-menu-chevron{transition:transform .15s ease}.portal-user-menu-chevron.open{transform:rotate(180deg)}.portal-user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:8px;min-width:160px;background:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;padding:4px 0}.portal-user-menu-item{display:block;width:100%;padding:10px 16px;background:none;border:none;text-align:left;font-size:.875rem;color:var(--color-text-primary);cursor:pointer;transition:background-color .15s ease}.portal-user-menu-item:hover{background-color:var(--color-bg-page)}.portal-user-menu-item--danger{color:#c80650}.portal-user-menu-item--danger:hover{background-color:#fff1f5}.portal-content{flex:1;max-width:1400px;margin:0 auto;padding:24px;width:100%;box-sizing:border-box}.portal-footer{background-color:#fff;border-top:1px solid var(--color-border);padding:16px 24px;text-align:center}.portal-footer p{margin:0;font-size:.875rem;color:var(--color-text-muted)}@media(max-width:768px){.portal-header-inner{flex-wrap:wrap;gap:12px}.portal-user-email{display:none}}.portal-page{max-width:1200px;margin:0 auto}.portal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;color:var(--color-text-secondary)}.portal-loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--portal-primary-color, var(--color-primary));border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.portal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;text-align:center}.portal-error-icon{font-size:3rem;margin-bottom:16px}.portal-error h2{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.portal-error p{color:var(--color-text-secondary);margin:0 0 24px}.portal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;text-align:center;background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.portal-empty-icon{font-size:4rem;margin-bottom:16px}.portal-empty h2{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.portal-empty p{color:var(--color-text-secondary);margin:0}.portal-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.portal-btn:disabled{opacity:.5;cursor:not-allowed}.portal-btn-primary{background-color:var(--portal-primary-color, var(--color-primary));color:#fff}.portal-btn-primary:hover:not(:disabled){background-color:var(--portal-primary-color, var(--color-primary))}.portal-btn-secondary{background-color:#fff;color:var(--color-text-secondary);border:1px solid var(--color-border)}.portal-btn-secondary:hover:not(:disabled){background-color:var(--color-bg-page);border-color:var(--color-border)}.portal-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:.875rem;color:var(--color-text-secondary);flex-wrap:wrap}.portal-breadcrumb a{color:var(--portal-primary-color, var(--color-primary));text-decoration:none}.portal-breadcrumb a:hover{text-decoration:underline}.breadcrumb-separator{color:var(--color-border)}.portal-welcome{text-align:center;padding:48px 24px;background-color:#fff;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.portal-welcome h1{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0 0 12px}.portal-welcome p{font-size:1.125rem;color:var(--color-text-secondary);margin:0}.portal-section{margin-bottom:32px}.portal-section-title{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 16px}.portal-section-icon{font-size:1.5rem}.portal-content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.portal-content-card{background-color:#fff;border-radius:12px;padding:32px 24px;text-align:center;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;text-decoration:none;display:block}.portal-content-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.portal-card-icon{font-size:3rem;margin-bottom:16px}.portal-content-card h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.portal-content-card p{font-size:.875rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.course-page{max-width:900px}.course-header{background-color:#fff;border-radius:12px;padding:32px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.course-title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 12px}.course-description{font-size:1rem;color:var(--color-text-secondary);margin:0 0 24px;line-height:1.6}.course-progress{margin-top:20px}.progress-info{display:flex;justify-content:space-between;margin-bottom:8px}.progress-text{font-size:.875rem;color:var(--color-text-secondary)}.progress-percent{font-size:.875rem;font-weight:600;color:var(--portal-primary-color, var(--color-primary))}.progress-bar{height:8px;background-color:var(--color-border);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--portal-primary-color, var(--color-primary));border-radius:4px;animation:progressGrow .6s ease-out forwards}@keyframes progressGrow{0%{width:0}}.module-list{display:flex;flex-direction:column;gap:16px}.module-item{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.module-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:none;border:none;width:100%;cursor:pointer;text-align:left;transition:background-color .2s ease}.module-header:hover{background-color:var(--color-bg-page)}.module-header-left{display:flex;align-items:center;gap:12px}.module-expand-icon{font-size:.75rem;color:var(--color-text-muted)}.module-number{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-secondary)}.module-title{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.module-header-right{display:flex;align-items:center;gap:12px}.module-complete-badge{color:var(--color-success);font-size:1rem}.module-progress-text{font-size:.75rem;color:var(--color-text-muted)}.lesson-list{border-top:1px solid var(--color-border)}.lesson-item{display:flex;align-items:center;gap:16px;padding:14px 20px;text-decoration:none;border-bottom:1px solid var(--color-bg-page);transition:background-color .2s ease}.lesson-item:last-child{border-bottom:none}.lesson-item:hover{background-color:var(--color-bg-page)}.lesson-item.completed{background-color:#f0fdf4}.lesson-status{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.lesson-number{font-size:.75rem;font-weight:600;color:var(--color-text-muted);background-color:var(--color-bg-page);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.lesson-check{color:#fff;background-color:var(--color-success);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem}.lesson-info{flex:1;min-width:0}.lesson-title{font-size:.875rem;font-weight:500;color:var(--color-text-primary);display:block}.lesson-meta{display:flex;gap:12px;margin-top:4px}.lesson-type,.lesson-duration{font-size:.75rem;color:var(--color-text-muted)}.lesson-arrow{color:var(--color-border);font-size:1rem}.course-empty{text-align:center;padding:48px;background-color:#fff;border-radius:12px;color:var(--color-text-secondary)}.lesson-page{max-width:900px}.lesson-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.lesson-header-info{flex:1}.lesson-module-name{font-size:.875rem;color:var(--portal-primary-color, var(--color-primary));font-weight:500;display:block;margin-bottom:4px}.lesson-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0}.lesson-content{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:24px}.lesson-video{background-color:#000}.lesson-text{padding:32px}.lesson-text-content{font-size:1rem;line-height:1.75;color:var(--color-text-secondary)}.lesson-text-content p{margin:0 0 16px}.lesson-text-content p:last-child{margin-bottom:0}.lesson-empty{padding:48px;text-align:center;color:var(--color-text-secondary)}.lesson-navigation{display:flex;justify-content:space-between;gap:16px}.lesson-nav-btn{display:flex;flex-direction:column;padding:16px 20px;background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;text-decoration:none;transition:all .2s ease;max-width:45%}.lesson-nav-btn:hover{box-shadow:0 4px 12px #0000001a}.lesson-nav-prev{align-items:flex-start}.lesson-nav-next{align-items:flex-end;text-align:right}.lesson-nav-direction{font-size:.75rem;color:var(--portal-primary-color, var(--color-primary));font-weight:500;margin-bottom:4px}.lesson-nav-title{font-size:.875rem;color:var(--color-text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.community-page{max-width:1400px}.community-layout{display:grid;grid-template-columns:240px 1fr 280px;gap:24px}@media(max-width:1024px){.community-layout{grid-template-columns:240px 1fr}.community-about{display:none}}@media(max-width:768px){.community-layout{grid-template-columns:1fr}}.community-sidebar{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;height:fit-content;position:sticky;top:100px}.space-list{margin-bottom:20px}.space-list-title{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 12px}.space-list ul{list-style:none;padding:0;margin:0}.space-list li{margin-bottom:4px}.space-link{display:flex;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;border-radius:8px;transition:all .2s ease}.space-link:hover{background-color:var(--color-bg-page)}.space-link.active{background-color:#eef2ff;color:var(--portal-primary-color, var(--color-primary))}.space-icon{font-size:1rem}.space-name{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.space-link.active .space-name{color:var(--portal-primary-color, var(--color-primary))}.space-list-empty{font-size:.875rem;color:var(--color-text-muted);font-style:italic}.community-sidebar-footer{padding-top:16px;border-top:1px solid var(--color-border)}.events-link{display:flex;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;border-radius:8px;font-size:.875rem;color:var(--color-text-secondary);font-weight:500;transition:all .2s ease}.events-link:hover{background-color:var(--color-bg-page)}.events-icon{font-size:1rem}.community-main{min-height:400px}.community-about{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;height:fit-content;position:sticky;top:100px}.community-about-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 12px}.community-about-description{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6;margin:0}.community-about-members{display:flex;flex-direction:column;align-items:center;padding-top:16px;margin-top:16px;border-top:1px solid var(--color-border)}.community-about-members-count{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);line-height:1}.community-about-members-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-muted);margin-top:4px}.community-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;text-align:center;background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.community-empty-icon{font-size:3rem;margin-bottom:16px}.community-empty h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.community-empty p{color:var(--color-text-secondary);margin:0}.space-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.space-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.space-description{font-size:.875rem;color:var(--color-text-secondary);margin:4px 0 0}.community-page .modal{max-width:720px}.new-post-title{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;font-weight:500;margin-bottom:12px}.new-post-title:focus{outline:none;border-color:var(--portal-primary-color, var(--color-primary));box-shadow:0 0 0 3px #0368ee1a}.new-post-body{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;font-family:inherit;resize:vertical;min-height:180px}.new-post-body:focus{outline:none;border-color:var(--portal-primary-color, var(--color-primary));box-shadow:0 0 0 3px #0368ee1a}.posts-list{display:flex;flex-direction:column;gap:16px}.posts-empty{display:flex;flex-direction:column;align-items:center;padding:48px;text-align:center;background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.posts-empty-icon{font-size:3rem;margin-bottom:16px}.posts-empty h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.posts-empty p{color:var(--color-text-secondary);margin:0}.post-card{display:block;background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;text-decoration:none;transition:all .2s ease}.post-card:hover{box-shadow:0 4px 12px #0000001a}.post-card.pinned{box-shadow:0 0 0 2px var(--portal-primary-color, var(--color-primary));position:relative}.post-card-pinned-badge{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:6px;color:var(--portal-primary-color, var(--color-primary));font-size:.8125rem;font-weight:600}.post-card-pin-icon{font-size:1.125rem}.post-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.post-card-header-text{display:flex;flex-direction:column;gap:2px;min-width:0}.post-card-author{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.post-card-meta-sub{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--color-text-muted)}.post-card-dot{font-size:.875rem;color:var(--color-text-secondary)}.post-card-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.post-card-space{font-weight:600}.post-card-preview{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 12px;line-height:1.5}.post-card-footer{display:flex;align-items:center;gap:12px}.post-card-like-box{display:inline-flex;border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.post-card-like-box-action{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:6px 10px;font-size:.75rem;font-weight:500;color:var(--color-text-muted);transition:background-color .15s,color .15s}.post-card-like-box-action:hover{background-color:var(--color-bg-secondary)}.post-card-like-box-action--active{color:var(--portal-primary-color, var(--color-primary))}.post-card-like-box-count{display:flex;align-items:center;justify-content:center;background:none;border:none;border-left:1px solid var(--color-border);cursor:pointer;padding:6px 10px;font-size:.75rem;font-weight:600;color:var(--color-text-muted);min-width:36px;transition:background-color .15s,color .15s}.post-card-like-box-count:hover{background-color:var(--color-bg-secondary)}.post-card-like-box-count--active{color:var(--portal-primary-color, var(--color-primary))}.post-card-commenter-avatars{display:flex}.post-card-commenter-avatars .avatar{border:2px solid white;margin-left:-8px}.post-card-commenter-avatars .avatar:first-child{margin-left:0}.posts-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.pagination-info{font-size:.875rem;color:var(--color-text-secondary)}.post-page{max-width:800px}.post-detail{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px;margin-bottom:24px}.post-pinned-badge{display:inline-block;font-size:.75rem;color:var(--portal-primary-color, var(--color-primary));font-weight:500;background-color:#eef2ff;padding:4px 12px;border-radius:16px;margin-bottom:16px}.post-detail-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.post-detail-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 12px}.post-detail-meta{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--color-text-secondary)}.post-detail-author{font-weight:500}.post-detail-dot{color:var(--color-border)}.post-detail-body{font-size:1rem;line-height:1.75;color:var(--color-text-secondary)}.post-detail-body p{margin:0 0 16px}.post-detail-body p:last-child{margin-bottom:0}.comments-section{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;margin-bottom:24px}.comments-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 20px}.add-comment-form{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.comment-input{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;font-family:inherit;resize:vertical;margin-bottom:12px}.comment-input:focus{outline:none;border-color:var(--portal-primary-color, var(--color-primary));box-shadow:0 0 0 3px #0368ee1a}.comments-empty{text-align:center;padding:24px;color:var(--color-text-muted);font-style:italic}.comments-list{display:flex;flex-direction:column;gap:16px}.comment-item{padding:16px;background-color:var(--color-bg-page);border-radius:8px}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.comment-author{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.comment-date{font-size:.75rem;color:var(--color-text-muted)}.comment-body{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6}.comment-body p{margin:0 0 8px}.comment-body p:last-child{margin-bottom:0}.post-back-link{margin-top:24px}.events-page{max-width:900px}.events-header{text-align:center;margin-bottom:32px}.events-title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.events-subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0}.events-section{margin-bottom:32px}.events-section-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 16px}.events-section.past-events{opacity:.8}.events-list{display:flex;flex-direction:column;gap:16px}.events-empty{display:flex;flex-direction:column;align-items:center;padding:64px;text-align:center;background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.events-empty-icon{font-size:4rem;margin-bottom:16px}.events-empty h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.events-empty p{color:var(--color-text-secondary);margin:0}.event-card{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.event-card.past{opacity:.7}.event-card-main{display:flex;align-items:flex-start;gap:20px;padding:20px}.event-date-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;background-color:var(--portal-primary-color, var(--color-primary));border-radius:8px;flex-shrink:0}.event-date-badge.past{background-color:var(--color-text-muted)}.event-date-day{font-size:1.5rem;font-weight:700;color:#fff;line-height:1}.event-date-month{font-size:.75rem;font-weight:500;color:#fffc;text-transform:uppercase}.event-info{flex:1;min-width:0}.event-title-row{display:flex;align-items:center;gap:8px}.event-recurring-badge{font-size:.875rem;opacity:.8}.event-recurrence-info{font-size:.75rem;color:var(--color-accent);margin-top:4px}.event-card.past .event-recurring-badge{opacity:.5}.event-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.event-title-row+.event-meta{margin-top:8px}.event-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:.75rem;color:var(--color-text-secondary);margin-bottom:4px}.event-dot{color:var(--color-border)}.event-host{font-size:.75rem;color:var(--color-text-muted);margin:0}.event-description{font-size:.875rem;color:var(--color-text-secondary);margin:8px 0 0;line-height:1.6}.event-location-details{font-size:.875rem;color:var(--color-text-secondary);margin:8px 0 0}.event-meeting-link{display:inline-block;font-size:.875rem;color:var(--portal-primary-color, var(--color-primary));text-decoration:none;margin-top:8px}.event-meeting-link:hover{text-decoration:underline}.event-rsvp{padding-top:16px;border-top:1px solid var(--color-border)}.event-rsvp-label{display:block;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:12px}.event-rsvp-buttons{display:flex;gap:8px;flex-wrap:wrap}.rsvp-btn{padding:8px 16px;border:1px solid var(--color-border);border-radius:6px;background-color:#fff;font-size:.875rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.rsvp-btn:hover:not(:disabled){background-color:var(--color-bg-page)}.rsvp-btn.active{background-color:var(--portal-primary-color, var(--color-primary));border-color:var(--portal-primary-color, var(--color-primary));color:#fff}.rsvp-btn:disabled{opacity:.5;cursor:not-allowed}.events-back-link{margin-top:24px}@media(max-width:768px){.portal-welcome h1{font-size:1.5rem}.portal-welcome p{font-size:1rem}.course-header,.post-detail,.comments-section{padding:20px}.course-title{font-size:1.25rem}.lesson-header{flex-direction:column;align-items:flex-start}.lesson-navigation{flex-direction:column}.lesson-nav-btn{max-width:100%}.event-card-main{flex-wrap:wrap}.event-date-badge{width:50px;height:50px}.event-date-day{font-size:1.25rem}.event-rsvp-buttons{flex-direction:column}.rsvp-btn{width:100%;text-align:center}}.feed-header{background:linear-gradient(135deg,#0368ee,#00bcb7);color:#fff;padding:32px;border-radius:12px;margin-bottom:24px}.feed-title{font-size:1.75rem;font-weight:700;margin:0 0 8px}.feed-description{font-size:1rem;margin:0;opacity:.9}.feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;text-align:center;background-color:var(--color-bg-page);border-radius:12px}.feed-empty-icon{font-size:3rem;margin-bottom:16px}.feed-empty h2{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.feed-empty p{color:var(--color-text-secondary);margin:0}.feed-posts{display:flex;flex-direction:column;gap:24px}.feed-post{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.feed-post-header{padding:20px 24px;border-bottom:1px solid var(--color-border)}.feed-post-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.feed-post-date{font-size:.875rem;color:var(--color-text-secondary)}.feed-post-content{padding:24px;font-size:1rem;line-height:1.7;color:var(--color-text-secondary)}.feed-post-content h1,.feed-post-content h2,.feed-post-content h3{color:var(--color-text-primary);margin:16px 0 8px}.feed-post-content h1{font-size:1.5rem}.feed-post-content h2{font-size:1.25rem}.feed-post-content h3{font-size:1.125rem}.feed-post-content li{margin-left:20px;list-style-type:disc}.feed-post-content strong{font-weight:600}.feed-load-more{display:flex;justify-content:center;margin-top:24px}@media(max-width:768px){.feed-header{padding:24px}.feed-title{font-size:1.5rem}.feed-post-header{padding:16px 20px}.feed-post-content{padding:20px}}.coaching-page{max-width:900px}.portal-back-link{display:inline-block;color:var(--portal-primary-color, var(--color-primary));text-decoration:none;font-size:.875rem;margin-bottom:24px}.portal-back-link:hover{text-decoration:underline}.coaching-header{margin-bottom:24px}.coaching-title-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.coaching-icon{font-size:2rem}.coaching-title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0}.coaching-description{font-size:1rem;color:var(--color-text-secondary);margin:0;line-height:1.6}.coaching-balance-card,.coaching-sessions-card{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;margin-bottom:24px}.coaching-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:0 0 20px}.coaching-balance-stats{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px}.coaching-stat{display:flex;flex-direction:column;align-items:center;padding:16px 24px;background-color:var(--color-bg-page);border-radius:8px;flex:1;min-width:100px}.coaching-stat-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:8px}.coaching-stat-value{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);line-height:1}.coaching-stat-value.coaching-stat-remaining{color:var(--color-success)}.coaching-stat-value.coaching-stat-date{font-size:1rem;font-weight:600}.coaching-stat-unit{font-size:.75rem;color:var(--color-text-secondary);margin-top:4px}.coaching-progress{display:flex;align-items:center;gap:12px;margin-bottom:20px}.coaching-progress-bar{flex:1;height:8px;background-color:var(--color-border);border-radius:4px;overflow:hidden}.coaching-progress-fill{height:100%;background-color:var(--portal-primary-color, var(--color-primary));border-radius:4px;transition:width .3s ease}.coaching-progress-text{font-size:.875rem;color:var(--color-text-secondary);white-space:nowrap}.coaching-book-action{display:flex;justify-content:center}.coaching-book-btn{display:flex;align-items:center;gap:8px;padding:12px 32px;font-size:1rem}.coaching-alert{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;margin-bottom:16px}.coaching-alert-warning{background-color:#fef3c7}.coaching-alert-icon{font-size:1.25rem;flex-shrink:0}.coaching-alert-content p{margin:0;font-size:.9375rem;color:#92400e}.coaching-alert-subtext{font-size:.875rem!important;margin-top:4px!important;opacity:.85}.coaching-sessions-list{display:flex;flex-direction:column;gap:16px}.coaching-session-item{padding:16px;background-color:var(--color-bg-page);border-radius:8px}.coaching-session-past{opacity:.7}.coaching-session-info{margin-bottom:12px}.coaching-session-datetime{display:flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:500;color:var(--color-text-primary);margin-bottom:4px}.coaching-session-icon{font-size:1rem}.coaching-session-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:.8125rem;color:var(--color-text-secondary)}.coaching-session-status{font-weight:500}.coaching-session-actions{display:flex;gap:12px;flex-wrap:wrap}.coaching-session-actions .portal-btn{font-size:.8125rem;padding:8px 16px}.coaching-sessions-empty{text-align:center;padding:32px}.coaching-empty-icon{font-size:2.5rem;margin-bottom:12px;display:block}.coaching-empty-title{font-size:1rem;font-weight:500;color:var(--color-text-primary);margin:0 0 4px}.coaching-empty-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:0}.portal-content-card-disabled{opacity:.6}.portal-content-card-disabled:hover{transform:none;box-shadow:0 1px 3px #0000001a}.portal-card-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:8px 0 0}.portal-card-subtitle-secondary{font-size:.8125rem;color:var(--color-text-muted);margin:4px 0 0}.coaching-booking-page,.coaching-reschedule-page{max-width:600px}.booking-header,.reschedule-header{margin-bottom:24px}.booking-title,.reschedule-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.booking-subtitle{font-size:.9375rem;color:var(--color-text-secondary);margin:0}.booking-steps{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:32px;padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.booking-step{display:flex;flex-direction:column;align-items:center;gap:4px}.booking-step-dot{font-size:1rem;color:var(--color-text-muted)}.booking-step.active .booking-step-dot{color:var(--portal-primary-color, var(--color-primary))}.booking-step.completed .booking-step-dot{color:var(--color-success)}.booking-step-label{font-size:.75rem;font-weight:500;color:var(--color-text-secondary)}.booking-step.active .booking-step-label{color:var(--portal-primary-color, var(--color-primary))}.booking-step-line{flex:1;max-width:60px;height:1px;background-color:var(--color-border)}.booking-calendar-container,.reschedule-calendar-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.calendar-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:6px;background:#fff;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.calendar-nav-btn:hover:not(:disabled){background-color:var(--color-bg-page)}.calendar-nav-btn:disabled{opacity:.5;cursor:not-allowed}.calendar-month{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:.75rem;font-weight:600;color:var(--color-text-muted);margin-bottom:8px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:none;font-size:.875rem;color:var(--color-border);cursor:default}.calendar-day-empty{background:transparent}.calendar-day-available{background-color:var(--color-bg-page);color:var(--color-text-primary);cursor:pointer;transition:all .2s ease}.calendar-day-available:hover{background-color:#e0e7ff;color:var(--color-primary-hover)}.calendar-day-selected{background-color:var(--portal-primary-color, var(--color-primary))!important;color:#fff!important}.calendar-day-past{color:var(--color-border);cursor:not-allowed}.calendar-legend{display:flex;gap:16px;justify-content:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.calendar-legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--color-text-secondary)}.calendar-legend-dot{width:12px;height:12px;border-radius:4px}.calendar-legend-dot.available{background-color:var(--color-bg-page);border:1px solid var(--color-border)}.calendar-legend-dot.unavailable{background-color:#fff;border:1px solid var(--color-border)}.calendar-timezone{text-align:center;font-size:.75rem;color:var(--color-text-muted);margin-top:12px}.calendar-loading{grid-column:1 / -1;text-align:center;padding:32px;color:var(--color-text-secondary)}.booking-time-container,.reschedule-time-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.booking-time-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.booking-selected-date,.reschedule-selected-date{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.booking-change-btn{font-size:.75rem!important;padding:6px 12px!important}.booking-time-divider{height:1px;background-color:var(--color-border);margin:16px 0}.booking-time-label,.reschedule-instruction{font-size:.9375rem;color:var(--color-text-secondary);margin:0 0 16px}.booking-time-grid,.reschedule-time-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.booking-time-slot{padding:12px 8px;border:1px solid var(--color-border);border-radius:6px;background:#fff;font-size:.875rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.booking-time-slot:hover{border-color:var(--portal-primary-color, var(--color-primary));background-color:#f5f3ff}.booking-time-slot.selected{border-color:var(--portal-primary-color, var(--color-primary));background-color:var(--portal-primary-color, var(--color-primary));color:#fff}.booking-time-loading,.booking-time-empty,.reschedule-time-loading,.reschedule-time-empty{text-align:center;padding:24px;color:var(--color-text-secondary);font-size:.9375rem}.booking-confirm-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.booking-confirm-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.booking-confirm-divider{height:1px;background-color:var(--color-border);margin:16px 0}.booking-confirm-details{display:flex;flex-direction:column;gap:12px}.booking-confirm-row{display:flex;align-items:center;gap:8px;font-size:.9375rem;color:var(--color-text-secondary)}.booking-confirm-icon{width:24px;text-align:center}.booking-confirm-note{font-size:.875rem;color:var(--color-text-secondary);margin:0;text-align:center}.booking-confirm-error{padding:12px;background-color:var(--color-error-light);border-radius:6px;color:var(--color-error);font-size:.875rem;text-align:center;margin-top:16px}.booking-confirm-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.booking-success{text-align:center;padding:48px 24px;background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.booking-success-icon{width:64px;height:64px;background-color:var(--color-success);color:#fff;font-size:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.booking-success-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 16px}.booking-success-divider{height:1px;background-color:var(--color-border);margin:16px auto;max-width:200px}.booking-success-product{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.booking-success-date,.booking-success-time{font-size:.9375rem;color:var(--color-text-secondary);margin:0}.booking-success-note{font-size:.875rem;color:var(--color-text-secondary);margin:16px 0 24px}.reschedule-current-booking{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:16px;margin-bottom:24px}.reschedule-current-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin:0 0 8px}.reschedule-current-datetime{display:flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:500;color:var(--color-text-primary)}.reschedule-current-icon{font-size:1rem}.reschedule-confirm{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:16px;margin-top:24px}.reschedule-new-time{font-size:.9375rem;color:var(--color-text-secondary);margin-bottom:16px}.reschedule-new-time strong{color:var(--color-text-primary)}.reschedule-error{padding:12px;background-color:var(--color-error-light);border-radius:6px;color:var(--color-error);font-size:.875rem;text-align:center;margin-bottom:16px}.reschedule-actions{display:flex;gap:12px;justify-content:center}@media(max-width:768px){.coaching-balance-stats{flex-direction:column}.coaching-stat{flex-direction:row;justify-content:space-between;padding:12px 16px}.coaching-stat-label{margin-bottom:0}.coaching-session-actions{flex-direction:column}.coaching-session-actions .portal-btn{width:100%;justify-content:center}.booking-steps{gap:8px;padding:12px}.booking-step-line{max-width:30px}.booking-time-grid,.reschedule-time-grid{grid-template-columns:repeat(3,1fr)}.booking-confirm-actions,.reschedule-actions{flex-direction:column}.booking-confirm-actions .portal-btn,.reschedule-actions .portal-btn{width:100%;justify-content:center}.booking-time-header{flex-direction:column;gap:12px;align-items:flex-start}}.portal-btn-danger{background-color:var(--color-error);color:#fff}.portal-btn-danger:hover:not(:disabled){background-color:#b91c1c}.page-header{margin-bottom:24px}.page-title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0}.page-content{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}.page-text-content{font-size:1rem;line-height:1.75;color:var(--color-text-secondary)}.page-text-content a{color:var(--portal-primary-color, var(--color-primary));text-decoration:underline}.page-text-content a:hover{text-decoration:none}.offer-card-onboarding-status{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:.8125rem}.offer-status-dot{font-size:.875rem}.offer-status-pending{color:var(--portal-primary-color, var(--color-primary))}.offer-status-ready{color:var(--color-success)}.offer-status-text{color:var(--color-text-secondary)}.onboarding-queue{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#f5f7ff,#eef2ff)}.onboarding-queue-container{max-width:600px;width:100%}.onboarding-queue-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;color:var(--color-text-secondary)}.onboarding-queue-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--portal-primary-color, var(--color-primary));border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.onboarding-queue-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;text-align:center;background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.onboarding-queue-error-icon{font-size:3rem;margin-bottom:16px}.onboarding-queue-error p{color:var(--color-error);font-size:1rem;margin:0}.onboarding-queue-topbar{display:flex;justify-content:flex-end;margin-bottom:16px}.onboarding-queue-header{text-align:center;padding:48px 24px;background-color:#fff;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.onboarding-queue-header h1{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0 0 12px}.onboarding-queue-intro{font-size:1.125rem;color:var(--color-text-secondary);margin:0}.onboarding-pending-flows{display:flex;flex-direction:column;gap:16px}.onboarding-pending-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.onboarding-pending-card:hover{box-shadow:0 4px 12px #0000001a}.onboarding-pending-info{display:flex;align-items:flex-start;gap:16px;flex:1;min-width:0}.onboarding-pending-icon{font-size:1.25rem;color:var(--portal-primary-color, var(--color-primary));flex-shrink:0;margin-top:4px}.onboarding-pending-details{flex:1;min-width:0}.onboarding-pending-details h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboarding-pending-flow-name{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 12px}.onboarding-pending-progress{display:flex;align-items:center;gap:12px}.onboarding-progress-bar{flex:1;height:6px;background-color:var(--color-border);border-radius:3px;overflow:hidden}.onboarding-progress-fill{height:100%;background-color:var(--portal-primary-color, var(--color-primary));border-radius:3px;transition:width .3s ease}.onboarding-progress-text{font-size:.75rem;color:var(--color-text-muted);flex-shrink:0}.onboarding-pending-card .portal-btn{flex-shrink:0}.onboarding-queue-offer-name{font-size:1.25rem;font-weight:600;color:var(--portal-primary-color, var(--color-primary));margin:0 0 8px}@media(max-width:640px){.onboarding-queue{padding:16px}.onboarding-queue-header{padding:32px 20px}.onboarding-queue-header h1{font-size:1.5rem}.onboarding-queue-intro{font-size:1rem}.onboarding-pending-card{flex-direction:column;align-items:stretch;padding:20px}.onboarding-pending-info{margin-bottom:16px}.onboarding-pending-card .portal-btn{width:100%;justify-content:center}}.video-embed-container{width:100%;margin:0 auto}.video-embed-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;background-color:#000;border-radius:8px}.video-embed-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-embed-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;background-color:var(--color-bg-page, #F7F9FC);border-radius:8px;text-align:center}.video-embed-error-icon{font-size:3rem;margin-bottom:12px}.video-embed-error p{margin:0;color:var(--color-text-secondary, #4F5960);font-size:.875rem}.post-modal .modal{max-width:720px}.post-modal-scroll{max-height:70vh;overflow-y:auto;padding:32px}.post-modal-scroll .post-detail{box-shadow:none;padding:0;margin-bottom:24px}.post-modal-scroll .comments-section{box-shadow:none;padding:0}.post-modal-scroll .add-comment-form{margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border);margin-bottom:0;padding-bottom:0;border-bottom:none}.post-detail-meta-sub{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--color-text-muted);margin-bottom:16px}.post-detail-dot{font-size:1rem;color:var(--color-text-secondary)}.post-detail-space{font-weight:600}.post-modal-scroll .post-detail-title{font-size:1.375rem;font-weight:700;color:var(--color-text-primary);margin:0}.add-comment-inline{display:flex;align-items:flex-start;gap:12px}.add-comment-inline .comment-input{flex:1;margin-bottom:0}.add-comment-inline .portal-btn{white-space:nowrap;flex-shrink:0}.comment-thread{margin-bottom:12px}.comment-actions-bar{display:flex;align-items:center;gap:12px;padding:4px 4px 0}.comment-like-box{display:inline-flex;border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.comment-like-box-action{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:4px 10px;font-size:.75rem;font-weight:500;color:var(--color-text-muted);transition:background-color .15s,color .15s}.comment-like-box-action:hover{background-color:var(--color-bg-secondary)}.comment-like-box-action--active{color:var(--portal-primary-color, var(--color-primary))}.comment-like-box-count{display:flex;align-items:center;justify-content:center;background:none;border:none;border-left:1px solid var(--color-border);cursor:pointer;padding:4px 8px;font-size:.75rem;font-weight:600;color:var(--color-text-muted);min-width:30px;transition:background-color .15s,color .15s}.comment-like-box-count:hover{background-color:var(--color-bg-secondary)}.comment-like-box-count--active{color:var(--portal-primary-color, var(--color-primary))}.comment-reply-box{display:flex;align-items:center;background:none;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;padding:4px 10px;font-size:.75rem;font-weight:500;color:var(--color-text-muted);transition:background-color .15s,color .15s}.comment-reply-box:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.comment-replies{margin-left:24px;margin-top:8px;display:flex;flex-direction:column;gap:8px}.comment-replies .comment-item{padding:12px}.reply-thread{margin-bottom:4px}.reply-form{margin-left:24px;margin-top:8px}.post-like-box-wrapper{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border);margin-bottom:8px}.post-like-box{display:inline-flex;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.post-like-box-action{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:8px 16px;font-size:.875rem;font-weight:500;color:var(--color-text-muted);transition:background-color .15s,color .15s}.post-like-box-action:hover{background-color:var(--color-bg-secondary)}.post-like-box-action--active{color:var(--portal-primary-color, var(--color-primary))}.post-like-box-count{display:flex;align-items:center;justify-content:center;background:none;border:none;border-left:1px solid var(--color-border);cursor:pointer;padding:8px 14px;font-size:.875rem;font-weight:600;color:var(--color-text-muted);min-width:42px;transition:background-color .15s,color .15s}.post-like-box-count:hover{background-color:var(--color-bg-secondary)}.post-like-box-count--active{color:var(--portal-primary-color, var(--color-primary))}.likers-modal{padding:24px;min-width:280px}.likers-modal-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 16px}.likers-modal-loading,.likers-modal-empty{font-size:.875rem;color:var(--color-text-muted);text-align:center;padding:16px 0;margin:0}.likers-list{display:flex;flex-direction:column;gap:12px;max-height:320px;overflow-y:auto}.liker-item{display:flex;align-items:center;gap:12px}.liker-name{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.post-detail-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.post-detail-meta-group{flex:1;min-width:0}.comment-header{display:flex;align-items:center;justify-content:space-between}.comment-header-left{display:flex;align-items:center;gap:8px}.three-dot-menu{position:relative}.three-dot-btn{background:none;border:none;cursor:pointer;font-size:1.25rem;line-height:1;padding:4px 8px;color:var(--color-text-muted);border-radius:4px;letter-spacing:2px}.three-dot-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.three-dot-btn--small{font-size:1rem;padding:2px 6px}.three-dot-dropdown{position:absolute;right:0;top:100%;z-index:10;min-width:120px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 4px 12px #0000001a;padding:4px}.three-dot-dropdown-item{display:block;width:100%;text-align:left;background:none;border:none;padding:8px 12px;font-size:.875rem;cursor:pointer;border-radius:4px}.three-dot-dropdown-item:hover{background-color:var(--color-bg-secondary)}.three-dot-dropdown-separator{height:1px;background-color:#e5e7eb;margin:4px 0}.three-dot-dropdown-item--danger{color:var(--color-error, #dc2626)}.three-dot-dropdown-item--danger:hover{background-color:#fef2f2}.comment-highlight>.comment-item{animation:comment-flash 3s ease-out forwards;border-radius:8px;border-left:3px solid rgba(59,130,246,.7)}@keyframes comment-flash{0%{background-color:#3b82f633}40%{background-color:#3b82f626}to{background-color:#3b82f60f}}.reply-new-badge{display:inline-flex;align-items:center;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#2563eb;background-color:#3b82f61a;padding:1px 6px;border-radius:4px;line-height:1.4}.post-modal-loading,.post-modal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--color-text-secondary)}.markdown-editor{width:100%}.markdown-editor-tabs{display:flex;gap:4px;padding:4px;margin-bottom:6px}.markdown-editor-tab{padding:6px 14px;font-size:.8125rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;border:1px solid var(--color-border);border-radius:6px;background:none;transition:color .15s,background-color .15s,border-color .15s}.markdown-editor-tab:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.markdown-editor-tab--active{color:var(--color-primary);background:var(--color-bg-primary);border-color:var(--color-primary)}.markdown-editor-textarea{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;font-family:inherit;resize:vertical;box-sizing:border-box}.markdown-editor-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.markdown-editor-preview{padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;overflow-y:auto}.markdown-editor-preview-empty{color:var(--color-text-muted);font-size:.875rem;font-style:italic;margin:0}.markdown-editor-hint{font-size:.6875rem;color:var(--color-text-muted);margin:4px 0 0}.cancel-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.cancel-modal{background-color:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:500px;width:100%;padding:24px}.cancel-modal-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #0F1922);margin:0 0 16px;text-align:center}.cancel-modal-divider{height:1px;background-color:var(--color-border, #E4E7ED);margin:16px 0}.cancel-modal-text{font-size:.9375rem;color:var(--color-text-secondary, #4F5960);margin:0 0 16px;text-align:center}.cancel-modal-session-info{display:flex;align-items:center;gap:8px;justify-content:center;font-size:.9375rem;font-weight:500;color:var(--color-text-primary, #0F1922);margin-bottom:16px}.cancel-modal-icon{font-size:1rem}.cancel-modal-restore-text{font-size:.875rem;color:var(--color-success, #44A608);margin:0;text-align:center;font-weight:500}.cancel-modal-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #4F5960);margin-bottom:8px}.cancel-modal-textarea{width:100%;padding:12px;border:1px solid var(--color-border, #E4E7ED);border-radius:8px;font-size:.875rem;font-family:inherit;resize:vertical;margin-bottom:16px}.cancel-modal-textarea:focus{outline:none;border-color:var(--color-primary, #0368EE);box-shadow:0 0 0 3px #0368ee1a}.cancel-modal-textarea:disabled{background-color:var(--color-bg-page, #F7F9FC);cursor:not-allowed}.cancel-modal-actions{display:flex;gap:12px;justify-content:center}.portal-btn-danger{background-color:var(--color-error, #C80650);color:#fff}.portal-btn-danger:hover:not(:disabled){background-color:#9d0540}@media(max-width:480px){.cancel-modal{padding:20px}.cancel-modal-actions{flex-direction:column}.cancel-modal-actions .portal-btn{width:100%;justify-content:center}}.onboarding-viewer{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-page)}.onboarding-viewer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-secondary)}.onboarding-viewer-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--portal-primary-color, var(--color-primary));border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.onboarding-viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px}.onboarding-viewer-error-icon{font-size:3rem;margin-bottom:16px}.onboarding-viewer-error p{color:var(--color-error);font-size:1rem;margin:0 0 24px}.onboarding-viewer-complete{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0fdf4 0%,var(--color-success-light) 100%)}.onboarding-complete-content{text-align:center;padding:64px}.onboarding-complete-icon{width:80px;height:80px;background-color:var(--color-success);color:#fff;font-size:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.onboarding-complete-content h1{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0 0 12px}.onboarding-complete-content p{font-size:1.125rem;color:var(--color-text-secondary);margin:0}.onboarding-header{background-color:#fff;border-bottom:1px solid var(--color-border);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.onboarding-header-info{display:flex;flex-direction:column;gap:4px}.onboarding-step-counter{font-size:.875rem;font-weight:600;color:var(--portal-primary-color, var(--color-primary))}.onboarding-offer-name{font-size:.875rem;color:var(--color-text-secondary)}.onboarding-progress-dots{display:flex;gap:8px}.onboarding-dot{width:10px;height:10px;border-radius:50%;background-color:var(--color-border);transition:all .2s ease}.onboarding-dot.completed{background-color:var(--color-success)}.onboarding-dot.current{background-color:var(--portal-primary-color, var(--color-primary));transform:scale(1.2)}.onboarding-logout-button{padding:8px 16px;background-color:transparent;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.onboarding-logout-button:hover{background-color:var(--color-bg-page);border-color:var(--color-border)}.onboarding-content{flex:1;max-width:800px;width:100%;margin:0 auto;padding:48px 24px}.onboarding-step-title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 32px;text-align:center}.onboarding-section{margin-bottom:32px}.onboarding-section:last-child{margin-bottom:0}.onboarding-element-headline{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0 0 16px;text-align:center}.onboarding-element-subheadline{font-size:1.5rem;font-weight:600;color:var(--color-text-secondary);margin:0 0 16px;text-align:center}.onboarding-element-text{font-size:1.125rem;color:var(--color-text-secondary);margin:0 0 16px;line-height:1.7}.onboarding-element-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;margin:24px 0;background-color:#000}.onboarding-element-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.onboarding-element-image{margin:24px 0;text-align:center}.onboarding-element-image img{max-width:100%;height:auto;border-radius:12px}.onboarding-element-button{display:inline-block;text-align:center;text-decoration:none;margin:16px 0}.onboarding-element-spacer{width:100%}.onboarding-element-divider{border:none;margin:24px 0;height:1px;background-color:var(--color-border)}.onboarding-divider-solid{border-style:solid}.onboarding-divider-dashed{background:none;border-top:2px dashed var(--color-border)}.onboarding-divider-dotted{background:none;border-top:2px dotted var(--color-border)}.onboarding-element-faq{background-color:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:16px 0}.faq-question{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 12px}.faq-answer{font-size:1rem;color:var(--color-text-secondary);margin:0;line-height:1.6}.onboarding-element-calendar{background-color:#fff;padding:32px;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:24px 0;text-align:center}.calendar-placeholder{color:var(--color-text-secondary);font-size:1rem;margin:0}.onboarding-form-loading,.onboarding-form-error{display:flex;align-items:center;justify-content:center;min-height:120px;color:var(--color-text-secondary)}.onboarding-form-error{color:var(--color-error)}.onboarding-element-form{background-color:#fff;padding:32px;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:24px 0}.onboarding-form-field{margin-bottom:20px}.onboarding-form-field:last-child{margin-bottom:0}.onboarding-form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px}.onboarding-form-required{color:var(--color-error);margin-left:4px}.onboarding-form-input{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;font-family:inherit;transition:all .15s ease}.onboarding-form-input:focus{outline:none;border-color:var(--portal-primary-color, var(--color-primary));box-shadow:0 0 0 3px #0368ee1a}.onboarding-form-input.locked,.agreement-form-field input.locked{background-color:var(--color-bg-page);color:var(--color-text-muted);cursor:not-allowed;border-color:var(--color-border)}.onboarding-form-textarea{resize:vertical;min-height:100px}.onboarding-form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.onboarding-form-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:1rem;color:var(--color-text-secondary)}.onboarding-form-checkbox{width:20px;height:20px;accent-color:var(--portal-primary-color, var(--color-primary));cursor:pointer}.onboarding-form-actions{margin-top:24px;display:flex;justify-content:flex-end}.onboarding-element-agreement{background-color:#fff;padding:32px;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:24px 0}.onboarding-agreement-loading,.onboarding-agreement-error{display:flex;align-items:center;justify-content:center;min-height:120px}.onboarding-agreement-loading{color:var(--color-text-secondary)}.onboarding-agreement-error{color:var(--color-error);background-color:var(--color-error-light);border:1px solid var(--color-error-light)}.onboarding-agreement-success{text-align:center;padding:48px 32px;background-color:#f0fdf4;border:1px solid #bbf7d0}.agreement-success-icon{width:64px;height:64px;background-color:var(--color-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 16px}.onboarding-agreement-success h3{margin:0 0 8px;font-size:1.25rem;color:#166534}.onboarding-agreement-success p{margin:0;color:#15803d}.agreement-header{text-align:center;border-bottom:1px solid var(--color-border);padding-bottom:16px;margin-bottom:24px}.agreement-header h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.agreement-content{margin-bottom:24px;padding:16px;background-color:var(--color-bg-page);border-radius:8px;max-height:300px;overflow-y:auto;border:1px solid var(--color-border)}.agreement-content p{margin:0 0 8px;font-size:.9rem;line-height:1.6;color:var(--color-text-secondary)}.agreement-content p:last-child{margin-bottom:0}.agreement-content h1,.agreement-content h2,.agreement-content h3,.agreement-content h4{margin:1rem 0 .5rem;color:var(--color-text-primary);line-height:1.3}.agreement-content h1{font-size:1.25rem}.agreement-content h2{font-size:1.1rem}.agreement-content h3{font-size:1rem}.agreement-content ul,.agreement-content ol{margin:0 0 8px;padding-left:1.5rem;font-size:.9rem;line-height:1.6;color:var(--color-text-secondary)}.agreement-content li{margin-bottom:4px}.agreement-content a{color:var(--portal-primary-color, var(--color-primary));text-decoration:underline}.agreement-content a:hover{text-decoration:none}.agreement-content strong{font-weight:600;color:var(--color-text-primary)}.agreement-content blockquote{margin:8px 0;padding-left:12px;border-left:3px solid var(--color-border);color:var(--color-text-muted)}.agreement-company-signature{border-top:1px solid var(--color-border);padding-top:24px;margin-bottom:24px}.agreement-company-signature h4{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--color-text-secondary)}.company-info{padding:16px;background-color:var(--color-bg-page);border-radius:8px}.company-name{font-weight:600;margin:0 0 12px;color:var(--color-text-primary)}.company-signature-display{font-family:Brush Script MT,Segoe Script,cursive;font-size:1.75rem;color:var(--color-text-primary);margin-bottom:12px}.company-signer,.company-position{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.company-signer{margin-bottom:4px}.signature-date{margin:8px 0 0;font-size:.875rem;color:var(--color-text-muted)}.agreement-form{margin-top:24px}.agreement-form-section{margin-bottom:24px}.agreement-form-section h4{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--color-text-secondary);padding-bottom:8px;border-bottom:1px solid var(--color-border)}.agreement-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.agreement-form-field{margin-bottom:16px}.agreement-form-field.full-width{grid-column:1 / -1}.agreement-form-field label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px}.agreement-form-field .required{color:var(--color-error);margin-left:4px}.agreement-form-field input[type=text],.agreement-form-field input[type=email],.agreement-form-field input[type=tel],.agreement-form-field input[type=date]{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;font-family:inherit;transition:all .15s ease;box-sizing:border-box}.agreement-form-field input:focus{outline:none;border-color:var(--portal-primary-color, var(--color-primary));box-shadow:0 0 0 3px #0368ee1a}.agreement-form-field input.error{border-color:var(--color-error)}.agreement-form-field .field-error{display:block;margin-top:6px;font-size:.8rem;color:var(--color-error)}.billing-address-fields{display:flex;flex-direction:column;gap:12px}.billing-address-fields input{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;font-family:inherit;transition:all .15s ease;box-sizing:border-box}.billing-address-fields input:focus{outline:none;border-color:var(--portal-primary-color, var(--color-primary));box-shadow:0 0 0 3px #0368ee1a}.address-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.agreement-signature-section{border-top:1px solid var(--color-border);padding-top:24px;margin-bottom:24px}.agreement-signature-section h4{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--color-text-secondary)}.agreement-signature-typed .signature-input{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;font-family:inherit;transition:all .15s ease;box-sizing:border-box}.agreement-signature-typed .signature-input:focus{outline:none;border-color:var(--portal-primary-color, var(--color-primary));box-shadow:0 0 0 3px #0368ee1a}.agreement-signature-typed .signature-input.error{border-color:var(--color-error)}.signature-preview{margin-top:12px;padding:20px;background-color:var(--color-bg-page);border:1px dashed var(--color-border);border-radius:8px;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center}.signature-text{font-family:Brush Script MT,Segoe Script,cursive;font-size:1.75rem;color:var(--color-text-primary)}.signature-placeholder{color:var(--color-text-muted);font-size:.9rem}.agreement-signature-checkbox{margin-top:8px}.agreement-signature-checkbox .checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:1rem;color:var(--color-text-secondary);line-height:1.5}.agreement-signature-checkbox input[type=checkbox]{width:20px;height:20px;margin-top:2px;flex-shrink:0;accent-color:var(--portal-primary-color, var(--color-primary));cursor:pointer}.agreement-error-banner{background-color:var(--color-error-light);border:1px solid var(--color-error-light);border-radius:8px;padding:12px 16px;margin-bottom:16px}.agreement-error-banner ul{margin:0;padding:0 0 0 20px;color:var(--color-error);font-size:.875rem}.agreement-error-banner li{margin-bottom:4px}.agreement-error-banner li:last-child{margin-bottom:0}.agreement-form-actions{margin-top:24px;display:flex;justify-content:flex-end}.onboarding-section .pf-row{margin-bottom:16px}.onboarding-section .pf-row:last-child{margin-bottom:0}@media(max-width:640px){.onboarding-section .pf-row{grid-template-columns:1fr!important}.onboarding-header{flex-direction:column;align-items:flex-start}.onboarding-content{padding:32px 16px}.onboarding-step-title,.onboarding-element-headline{font-size:1.5rem}.onboarding-element-subheadline{font-size:1.25rem}.onboarding-element-form,.onboarding-element-agreement{padding:24px}.agreement-form-row,.address-row{grid-template-columns:1fr}}.pf-page{min-height:100vh;background-color:var(--color-bg-page);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--color-text-primary)}.pf-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-bg-page)}.pf-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:pf-spin .8s linear infinite}@keyframes pf-spin{to{transform:rotate(360deg)}}.pf-loading p{margin-top:16px;color:var(--color-text-secondary);font-size:.875rem}.pf-error{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-bg-page);padding:24px}.pf-error-content{text-align:center;max-width:400px}.pf-error h1{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0 0 12px}.pf-error p{color:var(--color-text-secondary);margin:0 0 24px}.pf-error-retry{padding:12px 24px;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.pf-error-retry:hover{background-color:var(--color-primary)}.pf-empty{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-bg-page);padding:24px}.pf-empty-content{text-align:center;max-width:440px}.pf-empty-content h1{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 12px}.pf-empty-content p{color:var(--color-text-secondary);margin:0;font-size:.9375rem;line-height:1.6}.pf-empty-brand{margin-top:48px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--color-text-secondary);font-size:.8125rem}.pf-validation-errors{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:1000;max-width:500px;width:90%}.pf-validation-error{background-color:var(--color-error-light);color:#b91c1c;padding:12px 16px;border-radius:8px;margin-bottom:8px;font-size:.875rem;box-shadow:0 4px 12px #0000001a}.pf-submitting-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.pf-submitting-overlay p{margin-top:16px;color:var(--color-text-secondary);font-size:.875rem}.pf-step{min-height:100vh}.pf-step-inner{padding:0}.public-booking-page{min-height:100vh;background:linear-gradient(135deg,#0368ee,#00bcb7);display:flex;justify-content:center;align-items:flex-start;padding:2rem 1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.booking-container{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;width:100%;max-width:480px;overflow:hidden}.loading-state,.error-state{padding:3rem 2rem;text-align:center;color:var(--color-text-secondary)}.error-state h2{color:var(--color-error);margin-bottom:.5rem}.booking-header{padding:2rem 2rem 1.5rem;text-align:center;background:var(--color-bg-page);border-bottom:1px solid var(--color-border)}.booking-header h1{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.booking-description{color:var(--color-text-secondary);margin:0;font-size:.95rem}.booking-meta{margin-top:1rem}.duration-badge{display:inline-flex;align-items:center;gap:.35rem;background:#e0e7ff;color:var(--color-primary);padding:.35rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.duration-badge svg{width:14px;height:14px}.step-indicator{display:flex;justify-content:center;padding:1.5rem 1rem;gap:3rem;border-bottom:1px solid var(--color-border)}.step{display:flex;flex-direction:column;align-items:center;gap:.35rem;opacity:.4;transition:opacity .2s}.step.active{opacity:1}.step-number{width:28px;height:28px;border-radius:50%;background:var(--color-border);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:var(--color-text-secondary)}.step.active .step-number{background:var(--color-primary);color:#fff}.step-label{font-size:.75rem;color:var(--color-text-secondary);font-weight:500}.date-picker-section,.time-picker-section,.details-section{padding:1.5rem 2rem 2rem}.date-picker-section h2,.time-picker-section h2,.details-section h2{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem}.calendar{border:1px solid var(--color-border);border-radius:12px;overflow:hidden;margin-bottom:1rem}.calendar-header{background:var(--color-bg-page);padding:.75rem 1rem;font-weight:600;color:var(--color-text-secondary);text-align:center}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--color-bg-page);border-top:1px solid var(--color-border)}.weekday{padding:.5rem;text-align:center;font-size:.75rem;font-weight:600;color:var(--color-text-muted)}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:.5rem}.calendar-day{aspect-ratio:1;border:none;background:transparent;cursor:pointer;font-size:.875rem;color:var(--color-text-secondary);border-radius:8px;transition:all .15s}.calendar-day:disabled{color:var(--color-border);cursor:not-allowed}.calendar-day.past{color:var(--color-border)}.calendar-day.available{color:var(--color-text-primary);font-weight:500}.calendar-day.available:hover{background:#e0e7ff}.calendar-day.selected{background:var(--color-primary);color:#fff}.timezone-note{font-size:.8rem;color:var(--color-text-muted);text-align:center;margin:0}.back-button{background:none;border:none;color:var(--color-primary);font-size:.9rem;cursor:pointer;padding:0;margin-bottom:1rem;display:flex;align-items:center;gap:.25rem}.back-button:hover{text-decoration:underline}.selected-date{color:var(--color-text-secondary);margin:0 0 1rem;font-size:.95rem}.time-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.time-slot{padding:.75rem .5rem;border:1px solid var(--color-border);border-radius:8px;background:#fff;cursor:pointer;font-size:.9rem;color:var(--color-text-secondary);transition:all .15s}.time-slot:hover{border-color:var(--color-primary);background:#f5f3ff}.time-slot.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.no-slots{text-align:center;padding:2rem;color:var(--color-text-secondary);background:var(--color-bg-page);border-radius:8px}.booking-summary-mini{background:var(--color-bg-page);padding:1rem;border-radius:8px;margin-bottom:1.5rem}.booking-summary-mini p{margin:0;color:var(--color-text-secondary)}.booking-summary-mini .summary-duration{font-size:.85rem;color:var(--color-text-secondary);margin-top:.25rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.35rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.95rem;transition:border-color .15s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e51a}.form-group textarea{resize:vertical;min-height:80px}.submit-button{width:100%;padding:.875rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s;margin-top:.5rem}.submit-button:hover:not(:disabled){background:var(--color-primary-hover)}.confirmation-state{padding:3rem 2rem;text-align:center}.confirmation-icon{width:64px;height:64px;background:var(--color-success);color:#fff;font-size:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.confirmation-state h2{color:var(--color-success);font-size:1.5rem;margin:0 0 .5rem}.confirmation-state>p{color:var(--color-text-secondary);margin:0 0 1.5rem}.booking-summary{background:var(--color-bg-page);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}.booking-summary h3{margin:0 0 .75rem;color:var(--color-text-primary)}.booking-summary .summary-date{margin:0;color:var(--color-text-secondary);font-weight:500}.booking-summary .summary-time{margin:.25rem 0 0;color:var(--color-text-secondary);font-size:1.25rem;font-weight:600}.booking-summary .summary-duration{margin:.5rem 0 0;color:var(--color-text-secondary);font-size:.9rem}.confirmation-note{font-size:.9rem;color:var(--color-text-secondary);margin:0}@media(max-width:480px){.public-booking-page{padding:0;align-items:stretch}.booking-container{max-width:none;border-radius:0;min-height:100vh}.step-indicator{gap:1.5rem;padding:1rem}.time-slots{grid-template-columns:repeat(2,1fr)}}.agreement-sign-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8eb);display:flex;justify-content:center;align-items:flex-start;padding:2rem 1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.agreement-container{background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014;width:100%;max-width:700px;overflow:hidden}.agreement-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.agreement-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:agreement-spin .8s linear infinite}@keyframes agreement-spin{to{transform:rotate(360deg)}}.agreement-loading p{margin-top:16px;color:var(--color-text-secondary);font-size:.9rem}.agreement-error{padding:4rem 2rem;text-align:center}.agreement-error h2{color:var(--color-error);font-size:1.5rem;margin:0 0 .75rem}.agreement-error p{color:var(--color-text-secondary);margin:0}.agreement-success{padding:4rem 2rem;text-align:center}.success-icon{width:72px;height:72px;background:var(--color-success);color:#fff;font-size:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;animation:success-bounce .5s ease-out}@keyframes success-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.agreement-success h2{color:var(--color-success);font-size:1.5rem;margin:0 0 .75rem}.agreement-success p{color:var(--color-text-secondary);margin:0}.agreement-header{padding:2rem 2rem 1.5rem;text-align:center;background:#fafafa;border-bottom:2px solid var(--color-border)}.agreement-header h1{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0;text-transform:uppercase;letter-spacing:.05em}.agreement-content{padding:2rem;max-height:400px;overflow-y:auto;border-bottom:1px solid var(--color-border)}.agreement-content-text{color:var(--color-text-secondary);font-size:.95rem;line-height:1.8}.agreement-content-text p{margin:0 0 1rem}.agreement-content-text p:last-child{margin-bottom:0}.agreement-content-text h1,.agreement-content-text h2,.agreement-content-text h3,.agreement-content-text h4{margin:1.25rem 0 .5rem;color:var(--color-text-primary);line-height:1.3}.agreement-content-text h1{font-size:1.35rem}.agreement-content-text h2{font-size:1.15rem}.agreement-content-text h3{font-size:1.05rem}.agreement-content-text ul,.agreement-content-text ol{margin:0 0 1rem;padding-left:1.5rem}.agreement-content-text li{margin-bottom:4px}.agreement-content-text a{color:var(--color-primary);text-decoration:underline}.agreement-content-text a:hover{text-decoration:none}.agreement-content-text strong{font-weight:600;color:var(--color-text-primary)}.agreement-content-text blockquote{margin:1rem 0;padding-left:1rem;border-left:3px solid var(--color-border);color:var(--color-text-muted)}.company-signature-block{padding:1.5rem 2rem;background:var(--color-bg-page);border-bottom:1px solid var(--color-border)}.signature-section-header{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;margin:0 0 1rem}.company-info{margin-bottom:1rem}.company-name{font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.company-signature-display{font-family:Brush Script MT,Dancing Script,cursive;font-size:1.75rem;color:#1e40af;margin:.5rem 0;padding:.5rem 0}.company-signer-info{font-size:.9rem;color:#4b5563}.company-signer-info p{margin:.25rem 0}.signature-date{font-size:.85rem;color:var(--color-text-secondary);margin-top:.75rem}.signer-form-section{padding:1.5rem 2rem}.form-grid{display:grid;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-label{font-size:.85rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.35rem}.required-mark{color:var(--color-error);margin-left:2px}.form-input,.form-textarea{padding:.75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.95rem;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;width:100%}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.form-input.short{max-width:100px}.form-textarea{resize:vertical;min-height:100px}.form-input.error,.form-textarea.error{border-color:var(--color-error)}.field-error{font-size:.8rem;color:var(--color-error);margin-top:.25rem}.billing-address-group{display:grid;gap:.75rem}.billing-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.billing-row.three-col{grid-template-columns:2fr 1fr 1fr}.signature-section{padding:1.5rem 2rem;background:#fafafa;border-top:1px solid var(--color-border)}.signature-input-group{margin-bottom:1rem}.signature-input{padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;width:100%;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.signature-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0368ee1a}.signature-preview{margin-top:1rem;padding:1.25rem;background:#fff;border:1px solid var(--color-border);border-radius:8px;min-height:60px;display:flex;align-items:center;justify-content:center}.signature-text{font-family:Brush Script MT,Dancing Script,cursive;font-size:2rem;color:#1e40af;text-align:center}.signature-placeholder{color:var(--color-text-muted);font-style:italic;font-size:.9rem}.checkbox-signature{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fff;border:1px solid var(--color-border);border-radius:8px;cursor:pointer}.checkbox-signature:hover{border-color:var(--color-primary)}.checkbox-signature input[type=checkbox]{width:20px;height:20px;margin-top:.1rem;accent-color:var(--color-primary);cursor:pointer}.checkbox-label{font-size:.95rem;color:var(--color-text-secondary);line-height:1.5}.submit-section{padding:1.5rem 2rem 2rem}.submit-button{width:100%;padding:1rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.submit-button:hover:not(:disabled){background:var(--color-primary);transform:translateY(-1px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.error-banner{padding:1rem;margin:0 2rem 1rem;background:var(--color-error-light);border:1px solid var(--color-error-light);border-radius:8px}.error-banner ul{margin:0;padding-left:1.25rem}.error-banner li{color:var(--color-error);font-size:.9rem;margin-bottom:.25rem}.error-banner li:last-child{margin-bottom:0}@media(max-width:600px){.agreement-sign-page{padding:0;align-items:stretch}.agreement-container{max-width:none;border-radius:0;min-height:100vh}.agreement-header{padding:1.5rem 1rem}.agreement-header h1{font-size:1.25rem}.agreement-content{padding:1.5rem 1rem;max-height:300px}.company-signature-block,.signer-form-section,.signature-section,.submit-section{padding-left:1rem;padding-right:1rem}.form-row,.billing-row,.billing-row.three-col{grid-template-columns:1fr}.signature-text{font-size:1.5rem}.error-banner{margin-left:1rem;margin-right:1rem}}.checkout-cancel-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-page);padding:24px}.checkout-cancel-card{background:#fff;border-radius:12px;padding:48px;max-width:480px;text-align:center;box-shadow:0 1px 3px #0000001a}.checkout-cancel-card h1{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 16px}.checkout-cancel-card p{color:var(--color-text-secondary);line-height:1.6;margin:0 0 12px}.checkout-cancel-hint{font-size:.875rem;color:var(--color-text-muted)}:root{--color-primary: #0368EE;--color-primary-hover: #023477;--color-primary-light: #CDE1FC;--color-accent: #00BCB7;--color-accent-light: #D9F5F4;--color-text-primary: #0F1922;--color-text-secondary: #4F5960;--color-text-muted: #666F75;--color-bg-page: #F7F9FC;--color-bg-surface: #FFFFFF;--color-sidebar-bg: #F7F9FC;--color-border: #E4E7ED;--color-border-light: #F7F9FC;--color-error: #C80650;--color-error-light: #FDE8EF;--color-success: #44A608;--color-success-light: #ECFADF;--indigo-600: #0368EE;--indigo-700: #023477;--indigo-500: #0368EE;--indigo-400: #CDE1FC}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--color-text-primary);background-color:var(--color-bg-page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.loading-container p{margin:0;color:var(--color-text-secondary);font-size:.875rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}p{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}