:root{--color-brand:#667eea;--color-brand-hover:#5568d3;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-deep:#1d4ed8;--color-text:#333;--color-text-secondary:#666;--color-text-muted:#999;--color-text-heading:#111827;--color-text-subtle:#6b7280;--color-text-body:#374151;--font-xs:0.8125rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.375rem;--font-2xl:2rem;--font-3xl:3.25rem;--color-bg-page:#f5f5f5;--color-bg-light:#f8f9fa;--color-bg-hover:#f9fafb;--color-bg-subtle:#f3f4f6;--color-border:#e5e7eb;--color-border-medium:#e0e0e0;--color-border-input:#d1d5db;--color-border-light:#f0f0f0;--color-success:#10b981;--color-success-hover:#059669;--color-success-bg:#dcfce7;--color-success-text:#166534;--color-error:#dc2626;--color-error-hover:#c82333;--color-error-bg:#fef2f2;--color-error-border:#fecaca;--color-error-text:#991b1b;--color-warning:#f59e0b;--color-warning-bg:#fef3c7;--color-warning-border:#fde68a;--color-warning-text:#92400e;--color-warning-btn:#ffc107;--color-warning-btn-hover:#e0a800;--color-info:#3b82f6;--color-info-bg:#dbeafe;--color-info-border:#bfdbfe;--color-info-text:#1e40af;--status-completed-bg:#d4edda;--status-completed-text:#155724;--status-processing-bg:#fff3cd;--status-processing-text:#856404;--status-failed-bg:#f8d7da;--status-failed-text:#721c24;--color-code-bg:#1f2937;--color-code-text:#f9fafb;--color-text-placeholder:#9ca3af;--color-text-subtle-hover:#4b5563;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-16:64px;--space-20:80px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--transition-fast:0.15s ease;--transition-base:0.2s ease;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 2px 8px #0000001a;--shadow-lg:0 4px 20px #00000026;--z-sidebar:9;--z-header:10;--z-dropdown:20;--z-modal:1000;--z-dialog:1100;--z-toast:9999}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-base{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;justify-content:center;transition:all .2s ease}.btn-base:disabled{cursor:not-allowed;opacity:.6}.field-group{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.field-group label{color:var(--color-text-body);font-size:.875rem;font-weight:600}.field-error{color:var(--color-error)}.field-error,.field-hint{display:block;font-size:.8rem;margin-top:4px}.field-hint{color:var(--color-text-subtle)}.data-table-wrapper{border:1px solid var(--color-border);border-radius:8px;overflow-x:auto}.data-table{border-collapse:collapse;font-size:.875rem;width:100%}.data-table th{background:var(--color-bg-hover);border-bottom:1px solid var(--color-border);color:var(--color-text-body);font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap}.data-table td{border-bottom:1px solid var(--color-bg-subtle);padding:10px 12px;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--color-bg-hover)}.badge-base{border-radius:10px;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:3px 10px;text-transform:uppercase}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.toast-container{flex-direction:column;pointer-events:none;position:fixed;right:20px;top:20px;z-index:var(--z-toast)}.toast,.toast-container{display:flex;gap:12px;max-width:420px}.toast{align-items:center;animation:toast-slide-in .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026,0 0 0 1px #0000000d;min-width:300px;padding:16px;pointer-events:auto}.toast-exit{animation:toast-slide-out .3s ease-in forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.toast-success{border-left:4px solid var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-left:4px solid var(--color-error)}.toast-error .toast-icon{color:var(--color-error)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info{border-left:4px solid var(--color-info)}.toast-info .toast-icon{color:var(--color-info)}.toast-message{word-wrap:break-word;color:var(--color-text-body);flex:1 1;font-size:14px;line-height:1.5}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-placeholder);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s ease}.toast-close:hover{background:var(--color-bg-subtle);color:var(--color-text-body)}.toast-close:active{transform:scale(.95)}@media (max-width:768px){.toast-container{left:20px;max-width:none;right:20px}.toast{max-width:none;min-width:auto}}@media (max-width:480px){.toast-container{left:10px;right:10px;top:10px}.toast{padding:12px}.toast-message{font-size:13px}}.error-boundary{align-items:center;background-color:var(--color-bg-light);display:flex;justify-content:center;min-height:100vh;padding:20px}.error-boundary-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:600px;padding:40px;text-align:center;width:100%}.error-boundary-icon{font-size:64px;margin-bottom:20px}.error-boundary-title{color:var(--color-text);font-size:28px;font-weight:600;margin:0 0 16px}.error-boundary-message{color:var(--color-text-secondary);font-size:16px;line-height:1.6;margin:0 0 32px}.error-boundary-details{background:var(--color-bg-page);border:1px solid #ddd;border-radius:8px;margin:24px 0;padding:16px;text-align:left}.error-boundary-details summary{color:var(--color-text);cursor:pointer;font-weight:600;margin-bottom:12px}.error-boundary-stack{word-wrap:break-word;background:#fff;border:1px solid #ddd;border-radius:4px;color:var(--color-error);font-size:12px;line-height:1.4;margin:12px 0 0;overflow-x:auto;padding:12px;white-space:pre-wrap}.error-boundary-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.error-boundary-btn{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .2s}.error-boundary-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.error-boundary-btn-primary{background:var(--color-primary);color:#fff}.error-boundary-btn-primary:hover{background:#0056b3}.error-boundary-btn-secondary{background:var(--color-bg-page);color:var(--color-text-secondary)}.error-boundary-btn-secondary:hover{background:var(--color-border-medium)}@media (max-width:600px){.error-boundary-content{padding:24px}.error-boundary-title{font-size:24px}.error-boundary-message{font-size:14px}.error-boundary-actions{flex-direction:column}.error-boundary-btn{width:100%}}.credits-badge{align-items:center;background:var(--color-bg-light);border:1px solid var(--color-border-medium);border-radius:6px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;gap:4px;line-height:1;padding:4px 10px;transition:background .2s,border-color .2s;white-space:nowrap}.credits-badge:hover{background:var(--color-border);border-color:#ccc}.credits-badge--loading{color:var(--color-text-muted);justify-content:center;min-width:60px}.credits-badge--error{background:#fff5f5;border-color:#f5c6cb;color:var(--color-error);justify-content:center;min-width:60px}.credits-badge__sep{color:#ccc;font-weight:300;margin:0 2px}.credits-badge__item{align-items:center;display:inline-flex;gap:3px}.credits-badge__label{color:#888;font-weight:500}.credits-badge__value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.credits-badge__item--healthy .credits-badge__value{color:#2d8a4e}.credits-badge__item--low .credits-badge__value{color:#b8860b}.credits-badge__item--exhausted .credits-badge__value{color:var(--color-error)}@media (max-width:480px){.credits-badge{display:none}}.dashboard-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.dashboard-header{background:#fff;border-bottom:1px solid var(--color-border);flex-shrink:0;height:60px;justify-content:space-between;padding:0 20px;z-index:var(--z-header)}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:12px}.sidebar-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;padding:6px;transition:color var(--transition-fast),background var(--transition-fast)}.sidebar-toggle:hover{background:var(--color-bg-subtle);color:var(--color-text)}.dashboard-title{color:var(--color-brand);font-size:1.125rem;font-weight:700;letter-spacing:-.4px;margin:0}.header-right{gap:16px}.header-right,.user-menu{align-items:center;display:flex}.user-menu{gap:12px}.logout-btn,.user-name{color:var(--color-text-subtle);font-size:.875rem;font-weight:500}.logout-btn{background:#0000;border:1px solid var(--color-border-input);border-radius:var(--radius-sm);cursor:pointer;padding:6px 14px;transition:all var(--transition-fast)}.logout-btn:hover{background:var(--color-bg-subtle);border-color:var(--color-text-muted);color:var(--color-text)}.low-credits-banner{align-items:center;background:#fff8e1;border-bottom:1px solid #ffe082;color:#8d6e00;display:flex;flex-shrink:0;font-size:.875rem;justify-content:space-between;padding:8px 20px}.low-credits-banner__text{flex:1 1}.low-credits-banner__link{color:var(--color-brand);font-weight:500;text-decoration:none}.low-credits-banner__link:hover{text-decoration:underline}.low-credits-banner__dismiss{background:none;border:none;color:#8d6e00;cursor:pointer;font-size:1.25rem;line-height:1;margin-left:12px;opacity:.7;padding:0 4px;transition:opacity var(--transition-fast)}.low-credits-banner__dismiss:hover{opacity:1}@media (max-width:480px){.low-credits-banner{font-size:.75rem;padding:6px 12px}}.dashboard-content-wrapper{display:flex;flex:1 1;overflow:hidden}.dashboard-sidebar{background:#fff;border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;overflow-x:hidden;overflow-y:auto;transition:width .25s ease,opacity .25s ease;width:220px}.dashboard-sidebar.closed{opacity:0;pointer-events:none;width:0}.sidebar-nav{flex:1 1;padding:12px 0}.sidebar-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.6875rem;padding:12px 16px}.nav-item{align-items:center;border-left:3px solid #0000;color:var(--color-text-subtle);display:flex;gap:10px;margin:1px 0;padding:9px 16px;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.nav-item:hover{background:var(--color-bg-subtle);color:var(--color-text)}.nav-item.active{background:#667eea14;border-left-color:var(--color-brand);color:var(--color-brand);font-weight:600}.nav-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:20px}.nav-label{font-size:.875rem;white-space:nowrap}.dashboard-main{background:var(--color-bg-page);flex:1 1;overflow-y:auto;padding:0}@media (max-width:768px){.dashboard-header{padding:0 15px}.user-name{display:none}.dashboard-sidebar{bottom:0;box-shadow:var(--shadow-lg);left:0;position:absolute;top:60px;z-index:var(--z-sidebar)}.dashboard-sidebar.closed{opacity:0;pointer-events:none;width:0}}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{flex:1 1;padding-right:40px}.password-toggle{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:10px;transition:color .2s,background-color .2s}.password-toggle:hover:not(:disabled){background-color:#0000000d;color:var(--color-text)}.password-toggle:focus{color:var(--color-brand);outline:none}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.password-toggle svg{display:block}.login-container{align-items:center;background:linear-gradient(135deg,var(--color-brand) 0,#764ba2 100%);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:10px;box-shadow:0 10px 40px #0000001a;max-width:400px;padding:40px;width:100%}.login-box h1{color:var(--color-text);font-size:24px;margin:0 0 10px;text-align:center}.login-box h2{color:var(--color-text-secondary);font-size:20px;font-weight:400;margin:0 0 30px;text-align:center}.error-message{background:#fee;border:1px solid #fcc;border-radius:5px;color:#c33;font-size:14px;padding:12px}.error-message,.form-group{margin-bottom:20px}.form-group label{color:var(--color-text);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:var(--color-brand);outline:none}.form-group input:disabled{background:var(--color-bg-page);cursor:not-allowed}.btn-primary{background:var(--color-brand);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background .3s;width:100%}.btn-primary:hover:not(:disabled){background:var(--color-brand-hover)}.btn-primary:disabled{background:#aaa;cursor:not-allowed}.login-footer{color:var(--color-text-secondary);font-size:14px;margin-top:20px;text-align:center}.login-footer a{color:var(--color-brand);font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}.password-requirements{display:flex;flex-direction:column;gap:4px;margin-top:8px}.password-requirements small{align-items:center;display:flex;font-size:12px;gap:4px}.password-requirements small.valid{color:#22c55e}.password-requirements small.invalid{color:#94a3b8}.success-message{background:#e6ffed;border:1px solid #9ae6b4;border-radius:5px;color:#276749;font-size:14px;margin-bottom:20px;padding:16px}.success-message p{margin:0 0 8px}.success-message p:last-child{margin-bottom:0}.form-description{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin-bottom:20px;text-align:center}.lockout-recovery{border-top:1px solid #fcc;font-size:13px;margin-top:12px;padding-top:12px}.lockout-recovery a{color:inherit;font-weight:600}small.valid{color:#22c55e}small.invalid,small.valid{display:block;font-size:12px;margin-top:6px}small.invalid{color:#ef4444}.verifying-state{padding:20px;text-align:center}.verifying-state p{color:var(--color-text-secondary);margin-top:16px}.spinner{animation:spin 1s linear infinite;border:3px solid var(--color-border);border-top-color:var(--color-brand);height:40px;margin:0 auto;width:40px}.metric-card{background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;transition:all .3s ease}.metric-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.metric-card-blue{border-left-color:var(--color-primary)}.metric-card-green{border-left-color:var(--color-success)}.metric-card-orange{border-left-color:#fd7e14}.metric-card-purple{border-left-color:#6f42c1}.metric-card-red{border-left-color:var(--color-error)}.metric-card-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.metric-card-icon{align-items:center;background:var(--color-bg-subtle);border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.metric-card-label{color:#6c757d;font-size:.95rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.metric-card-value{color:#1a1a1a;font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:10px}.metric-card-trend{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:6px}.metric-trend-up{color:var(--color-success)}.metric-trend-down{color:var(--color-error)}.metric-trend-icon{font-size:1rem}.metric-trend-value{font-weight:600}@media (max-width:768px){.metric-card{padding:20px}.metric-card-value{font-size:1.75rem}.metric-card-icon{font-size:1.5rem}.metric-card-label{font-size:.85rem}}.loading-spinner-container{align-items:center;display:flex;flex-direction:column;gap:12px}.loading-spinner-container.centered{justify-content:center;min-height:200px}.loading-spinner{display:inline-block}.spinner{animation:spin .8s linear infinite;border-color:var(--color-primary) var(--color-primary) var(--color-primary) #0000;border-radius:50%;border-style:solid}.loading-spinner-small .spinner{border-width:2px;height:20px;width:20px}.loading-spinner-medium .spinner{border-width:4px;height:40px;width:40px}.loading-spinner-large .spinner{border-width:6px;height:60px;width:60px}.loading-spinner-text{color:var(--color-text-secondary);font-size:14px;margin:0}.dashboard-home{padding:28px 32px}.dashboard-home h1{color:var(--color-text-heading);font-size:1.625rem;font-weight:700;letter-spacing:-.4px;margin:0 0 6px}.dashboard-home .subtitle{color:var(--color-text-subtle);font-size:.9375rem;margin:0 0 28px}.dashboard-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:28px}.dashboard-stats-loading{display:flex;justify-content:center;margin-bottom:28px;padding:40px}.dashboard-stats-unavailable{color:var(--color-text-muted);font-size:.875rem;margin-bottom:28px}.dashboard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:28px}.dashboard-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:inherit;padding:24px;text-decoration:none;transition:box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}.dashboard-card:hover{border-color:var(--color-brand);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-icon{align-items:center;border-radius:var(--radius-md);display:flex;height:44px;justify-content:center;margin-bottom:16px;width:44px}.card-icon--blue{background:#3b82f61a;color:var(--color-primary)}.card-icon--gray{background:var(--color-bg-subtle);color:var(--color-text-subtle)}.dashboard-card h3{color:var(--color-text-heading);font-size:1rem;font-weight:600;margin:0 0 6px}.dashboard-card p{color:var(--color-text-subtle);font-size:.875rem;line-height:1.5;margin:0}.quick-start{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px 28px}.quick-start h2{color:var(--color-text-heading);font-size:1.0625rem;font-weight:600;letter-spacing:-.2px;margin:0 0 16px}.quick-start ol{color:var(--color-text-subtle);line-height:1.9;margin:0;padding-left:22px}.quick-start li{font-size:.9375rem}@media (max-width:768px){.dashboard-home{padding:20px 16px}}.modal-backdrop{align-items:center;animation:modal-backdrop-fade-in .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:var(--z-modal)}@keyframes modal-backdrop-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{animation:modal-slide-in .3s ease-out;background:#fff;border-radius:8px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;outline:none}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-small{max-width:400px;width:100%}.modal-medium{max-width:600px;width:100%}.modal-large{max-width:900px;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.modal-title{color:var(--color-text-heading);font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-subtle);cursor:pointer;display:flex;font-size:2rem;height:2rem;justify-content:center;line-height:1;padding:0;transition:all .2s;width:2rem}.modal-close-btn:hover{background-color:var(--color-bg-subtle);color:var(--color-text-heading)}.modal-close-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}@media (max-width:640px){.modal-backdrop{padding:.5rem}.modal-content{max-height:95vh}.modal-body,.modal-header{padding:1rem}.modal-title{font-size:1.125rem}}.confirm-dialog-backdrop{align-items:center;animation:fade-in .2s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-dialog)}.confirm-dialog{animation:slide-up .3s ease-out;background:#fff;border-radius:8px;box-shadow:var(--shadow-lg);max-height:80vh;max-width:500px;overflow:auto;width:90%}.confirm-dialog-header{border-bottom:1px solid var(--color-border-medium);padding:20px 24px}.confirm-dialog-title{color:var(--color-text);font-size:20px;font-weight:600;margin:0}.confirm-dialog-body{padding:24px}.confirm-dialog-message{color:var(--color-text-secondary);font-size:15px;line-height:1.5;margin:0}.confirm-dialog-footer{border-top:1px solid var(--color-border-medium);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.confirm-dialog-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.confirm-dialog-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.confirm-dialog-btn-cancel{background:var(--color-bg-page);color:var(--color-text-secondary)}.confirm-dialog-btn-cancel:hover{background:var(--color-border-medium)}.confirm-dialog-btn-confirm{color:#fff}.confirm-dialog-btn-danger{background:var(--color-error)}.confirm-dialog-btn-danger:hover{background:var(--color-error-hover)}.confirm-dialog-btn-warning{background:var(--color-warning-btn);color:#000}.confirm-dialog-btn-warning:hover{background:var(--color-warning-btn-hover)}.confirm-dialog-btn-info{background:var(--color-primary)}.confirm-dialog-btn-info:hover{background:var(--color-primary-hover)}.confirm-dialog-danger .confirm-dialog-header{border-bottom-color:var(--color-error)}.confirm-dialog-warning .confirm-dialog-header{border-bottom-color:var(--color-warning-btn)}.confirm-dialog-info .confirm-dialog-header{border-bottom-color:var(--color-primary)}body.confirm-dialog-open{overflow:hidden}.embed-code-generator{background:#fff;border:1px solid var(--color-border);border-radius:12px;padding:24px}.embed-code-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.embed-code-title{color:var(--color-text-heading);font-size:18px;font-weight:600;margin:0}.embed-code-copy-btn{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.embed-code-copy-btn:hover:not(:disabled){background:var(--color-primary-hover)}.embed-code-copy-btn:disabled{cursor:not-allowed;opacity:.5}.embed-code-copy-btn.embed-code-copied{background:var(--color-success)}.embed-code-copy-btn.embed-code-copied:hover{background:var(--color-success-hover)}.embed-code-container{background:var(--color-code-bg);border-radius:8px;margin-bottom:24px;overflow-x:auto;padding:16px}.embed-code-pre{color:var(--color-code-text);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;margin:0}.embed-code-pre code{word-wrap:normal;color:var(--color-code-text);white-space:pre}.embed-code-instructions{border-top:1px solid var(--color-border);padding-top:24px}.embed-code-instructions-title{color:var(--color-text-heading);font-size:16px;font-weight:600;margin:0 0 16px}.embed-code-instructions-list{color:var(--color-text-body);margin:0 0 20px;padding-left:24px}.embed-code-instructions-list li{line-height:1.6;margin-bottom:8px}.embed-code-instructions-list code{background:var(--color-bg-subtle);border-radius:4px;color:var(--color-error);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;padding:2px 6px}.embed-code-note{background:var(--color-info-bg);border:1px solid var(--color-info-border);border-left:4px solid var(--color-primary);border-radius:8px;padding:16px}.embed-code-note-content{color:var(--color-info-text)}.embed-code-note-title{font-size:14px;margin:0 0 8px}.embed-code-note-title strong{font-weight:600}.embed-code-widget-key{background:var(--color-info-bg);border-radius:6px;color:var(--color-info-text);display:block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;margin-bottom:12px;padding:8px 12px;word-break:break-all}.embed-code-note-text{color:var(--color-info-text);font-size:13px;line-height:1.5;margin:0}.embed-code-error,.embed-code-loading{color:var(--color-text-subtle);padding:40px;text-align:center}.embed-code-error{color:var(--color-error)}.embed-code-retry-btn{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:12px;padding:8px 16px}.embed-code-retry-btn:hover{background:var(--color-primary-hover)}.embed-code-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@media (max-width:768px){.embed-code-generator{padding:16px}.embed-code-header{align-items:flex-start;flex-direction:column;gap:12px}.embed-code-copy-btn{justify-content:center;width:100%}.embed-code-container{padding:12px}.embed-code-pre{font-size:12px}}.widget-card{background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:all .2s ease}.widget-card:hover:not(.widget-card-deleting){box-shadow:0 4px 12px #0000001a}.widget-card-deleting{opacity:.6;pointer-events:none}.widget-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.widget-card-title-section{align-items:center;display:flex;flex:1 1;gap:12px}.widget-card-title{color:var(--color-text-heading);font-size:18px;font-weight:600;margin:0}.widget-card-status{border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:4px 12px}.widget-card-status-active{background-color:var(--color-success)}.widget-card-status-paused{background-color:var(--color-warning)}.widget-card-status-suspended{background-color:var(--color-error)}.widget-card-status-inactive{background-color:var(--color-text-subtle)}.widget-card-actions{display:flex;gap:8px}.widget-card-action-btn{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-subtle);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.widget-card-action-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-input);color:var(--color-text-heading)}.widget-card-action-btn:disabled{cursor:not-allowed;opacity:.5}.widget-card-action-btn-danger:hover:not(:disabled){background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error)}.widget-card-spinner{animation:spin .6s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-error);display:inline-block;height:14px;width:14px}.widget-card-stats{grid-gap:16px;border-bottom:1px solid var(--color-border);display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px;padding-bottom:20px}.widget-card-stat{display:flex;flex-direction:column;gap:4px}.widget-card-stat-label{color:var(--color-text-subtle);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.widget-card-stat-value{color:var(--color-text-heading);font-size:20px;font-weight:600}.widget-card-footer{display:flex;gap:8px}.widget-card-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1 auto;font-size:14px;font-weight:500;gap:6px;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 16px;transition:all .2s ease}.widget-card-btn-icon{flex:0 0 auto;padding:10px}.widget-card-btn:disabled{cursor:not-allowed;opacity:.5}.widget-card-btn-primary{background:var(--color-primary);color:#fff}.widget-card-btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.widget-card-btn-secondary{background:#fff;border:1px solid var(--color-border-input);color:var(--color-text-body)}.widget-card-btn-secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-text-placeholder)}.widget-card-more-menu{position:relative}.widget-card-dropdown{background:#fff;border:1px solid var(--color-border);border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000026;margin-bottom:4px;min-width:180px;overflow:hidden;position:absolute;right:0;z-index:10}.widget-card-dropdown-item{align-items:center;background:none;border:none;color:var(--color-text-body);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 14px;text-align:left;transition:background-color .15s ease;width:100%}.widget-card-dropdown-item.focused,.widget-card-dropdown-item:focus,.widget-card-dropdown-item:hover{background:var(--color-bg-subtle);outline:none}.widget-card-dropdown-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.widget-card-dropdown-item:first-child{border-radius:7px 7px 0 0}.widget-card-dropdown-item:last-child{border-radius:0 0 7px 7px}@media (max-width:768px){.widget-card{padding:16px}.widget-card-stats{gap:12px;grid-template-columns:1fr}.widget-card-title{font-size:16px}.widget-card-btn{font-size:13px;padding:10px 12px}.widget-card-dropdown{left:auto;right:0}}.widgets-list-page{margin:0 auto;max-width:1400px;padding:32px}.widgets-list-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.widgets-list-header-left{flex:1 1}.widgets-list-title{color:var(--color-text-heading);font-size:32px;font-weight:700;margin:0 0 8px}.widgets-list-subtitle{color:var(--color-text-subtle);font-size:16px;margin:0}.widgets-list-create-btn{align-items:center;background:var(--color-primary);border:none;border-radius:8px;box-shadow:0 1px 3px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.widgets-list-create-btn:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.widgets-list-controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.widgets-list-search{align-items:center;background:#fff;border:1px solid var(--color-border-input);border-radius:8px;color:var(--color-text-subtle);display:flex;flex:1 1;gap:12px;min-width:300px;padding:12px 16px}.widgets-list-search-input{border:none;color:var(--color-text-heading);flex:1 1;font-size:15px;outline:none}.widgets-list-search-input::placeholder{color:var(--color-text-placeholder)}.widgets-list-filter{align-items:center;background:#fff;border:1px solid var(--color-border-input);border-radius:8px;display:flex;gap:12px;padding:12px 16px}.widgets-list-filter-label{color:var(--color-text-subtle);font-size:14px;font-weight:500}.widgets-list-filter-select{background:#0000;border:none;color:var(--color-text-heading);cursor:pointer;font-size:15px;outline:none}.widgets-list-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:32px}.widgets-list-empty{color:var(--color-text-subtle);padding:80px 20px;text-align:center}.widgets-list-empty>svg{margin-bottom:24px;opacity:.5}.widgets-list-empty h2{color:var(--color-text-heading);font-size:24px;margin:0 0 12px}.widgets-list-empty p{font-size:16px;margin:0 0 24px}.widgets-list-empty-btn{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.widgets-list-empty-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.widgets-list-empty-btn-secondary{background:var(--color-text-subtle)}.widgets-list-empty-btn-secondary:hover{background:var(--color-text-subtle-hover)}.widgets-list-pagination{align-items:center;display:flex;gap:16px;justify-content:center;padding:24px 0}.widgets-list-pagination-btn{align-items:center;background:#fff;border:1px solid var(--color-border-input);border-radius:8px;color:var(--color-text-body);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.widgets-list-pagination-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-text-placeholder)}.widgets-list-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.widgets-list-pagination-info{color:var(--color-text-subtle);font-size:14px;font-weight:500;text-align:center}.widgets-list-pagination-count{color:var(--color-text-placeholder);display:inline-block;font-size:13px;font-weight:400}.widgets-list-error,.widgets-list-loading{align-items:center;color:var(--color-text-subtle);display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.widgets-list-spinner{animation:spin .8s linear infinite;border:4px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:48px;margin-bottom:16px;width:48px}.widgets-list-error svg{margin-bottom:16px}.widgets-list-error h2{color:var(--color-error);font-size:20px;margin:0 0 16px}.widgets-list-retry-btn{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.widgets-list-retry-btn:hover{background:var(--color-primary-hover)}@media (max-width:1024px){.widgets-list-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.widgets-list-page{padding:20px}.widgets-list-header{flex-direction:column;gap:20px}.widgets-list-create-btn{justify-content:center;width:100%}.widgets-list-title{font-size:24px}.widgets-list-controls{flex-direction:column}.widgets-list-search{min-width:100%}.widgets-list-filter{width:100%}.widgets-list-grid{grid-template-columns:1fr}.widgets-list-pagination{flex-direction:column}.widgets-list-pagination-btn{justify-content:center;width:100%}}.widget-preview-container{background:var(--color-bg-light);border:2px solid var(--color-border-medium);border-radius:10px;min-height:500px;padding:20px;position:relative}.preview-label{align-items:center;border-bottom:2px solid var(--color-border-medium);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.preview-label span:first-child{color:var(--color-text);font-size:14px;font-weight:600}.preview-hint{color:var(--color-text-muted);font-size:12px}.widget-preview-wrapper{position:absolute;z-index:10}.widget-preview-bottom-right{bottom:30px;right:30px}.widget-preview-bottom-left{bottom:30px;left:30px}.widget-preview-top-right{right:30px;top:80px}.widget-preview-top-left{left:30px;top:80px}.widget-trigger-btn{align-items:center;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:28px;height:60px;justify-content:center;transition:transform .2s,box-shadow .2s;width:60px}.widget-trigger-btn:hover{box-shadow:0 6px 16px #0003;transform:scale(1.05)}.widget-chat-window{animation:slide-up .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;height:520px;overflow:hidden;width:360px}.widget-header{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:16px}.widget-header-content{align-items:center;display:flex;gap:10px}.widget-avatar{background:#fff3;border-radius:50%;height:32px;object-fit:cover;width:32px}.widget-title{font-size:16px;font-weight:600}.widget-header-actions{display:flex;gap:8px}.widget-close-btn,.widget-minimize-btn{align-items:center;background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;transition:background .2s;width:28px}.widget-close-btn:hover,.widget-minimize-btn:hover{background:#ffffff4d}.widget-messages{background:var(--color-bg-hover);display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.widget-message{align-items:flex-start;display:flex;gap:8px}.widget-message-user{justify-content:flex-end}.widget-message-assistant{justify-content:flex-start}.message-avatar{border-radius:50%;flex-shrink:0;height:28px;object-fit:cover;width:28px}.widget-message-content{word-wrap:break-word;border-radius:12px;font-size:14px;line-height:1.5;max-width:75%;padding:10px 14px}.widget-message-user .widget-message-content{background:var(--color-primary);border-bottom-right-radius:4px;color:#fff}.widget-message-assistant .widget-message-content{background:#fff;border:1px solid var(--color-border-medium);border-bottom-left-radius:4px;color:var(--color-text-heading)}.widget-input-form{background:#fff;border-top:1px solid var(--color-border-medium);display:flex;gap:8px;padding:12px}.widget-input{border:1px solid var(--color-border-medium);border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s}.widget-input:focus{border-color:var(--color-primary)}.widget-send-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:background .2s;width:36px}.widget-send-btn:hover{background:#0000000d}.widget-branding{background:#fff;border-top:1px solid var(--color-border-medium);color:var(--color-text-muted);font-size:11px;padding:8px 12px;text-align:center}.widget-branding strong{color:var(--color-primary)}.widget-messages::-webkit-scrollbar{width:6px}.widget-messages::-webkit-scrollbar-track{background:#0000}.widget-messages::-webkit-scrollbar-thumb{background:var(--color-border-input);border-radius:3px}.widget-messages::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media (max-width:500px){.widget-chat-window{height:450px;width:300px}}.color-picker{display:flex;flex-direction:column;gap:8px;position:relative}.color-picker-label{color:var(--color-text);font-size:.95rem;font-weight:600}.color-picker-input-group{align-items:center;display:flex;gap:10px}.color-picker-swatch{border:2px solid #ddd;border-radius:6px;cursor:pointer;flex-shrink:0;height:40px;transition:all .2s ease;width:50px}.color-picker-swatch:hover{border-color:var(--color-primary);transform:scale(1.05)}.color-picker-input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-family:Courier New,monospace;font-size:.95rem;padding:10px 14px;transition:all .2s ease}.color-picker-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.color-picker-input.invalid{background-color:#fff5f5;border-color:var(--color-error)}.color-picker-input.invalid:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #dc35451a}.color-picker-error{color:var(--color-error);display:block;font-size:.8rem;margin-top:4px}.color-picker-native{border:1px solid #ddd;border-radius:6px;cursor:pointer;flex-shrink:0;height:40px;padding:2px;width:50px}.color-picker-native::-webkit-color-swatch-wrapper{padding:2px}.color-picker-native::-webkit-color-swatch{border:none;border-radius:4px}.color-picker-presets{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:8px;padding:15px;position:absolute;right:0;top:100%;z-index:10}.color-picker-presets-header{color:var(--color-text);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.color-picker-presets-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr)}.color-picker-preset{border:2px solid #ddd;border-radius:6px;cursor:pointer;height:40px;transition:all .2s ease;width:40px}.color-picker-preset:hover{border-color:var(--color-primary);transform:scale(1.1)}.color-picker-preset.selected{border-color:var(--color-primary);border-width:3px;box-shadow:0 0 0 3px #007bff33}@media (max-width:480px){.color-picker-presets-grid{grid-template-columns:repeat(4,1fr)}.color-picker-preset{height:35px;width:35px}}.widget-form-section h3,.widget-form-section-title{border-bottom:2px solid var(--color-border);color:#1a1a1a;font-size:1.25rem;margin-bottom:20px;padding-bottom:10px}.widget-form-section-title{margin-top:30px}.widget-form-field{margin-bottom:25px}.widget-form-field label{color:var(--color-text);display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.widget-form-field label .required{color:var(--color-error);margin-left:4px}.widget-form-field input[type=number],.widget-form-field input[type=text],.widget-form-field input[type=url],.widget-form-field select,.widget-form-field textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:.95rem;padding:10px 14px;transition:all .2s ease;width:100%}.widget-form-field input:focus,.widget-form-field select:focus,.widget-form-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.widget-form-field input.error,.widget-form-field select.error,.widget-form-field textarea.error{border-color:var(--color-error)}.widget-form-field input.error:focus,.widget-form-field select.error:focus,.widget-form-field textarea.error:focus{box-shadow:0 0 0 3px #dc35451a}.widget-form-field textarea{min-height:80px;resize:vertical}.widget-form-field small{color:var(--color-text-secondary);display:block;font-size:.85rem;margin-top:6px}.widget-form-error{color:var(--color-error);display:block;font-size:.875rem;font-weight:500;margin-top:6px}.widget-form-color-input{align-items:center;display:flex;gap:10px}.widget-form-color-input input[type=color]{border:1px solid #ddd;border-radius:6px;cursor:pointer;height:40px;padding:2px;width:60px}.widget-form-color-input input[type=text]{flex:1 1}.widget-form-checkbox label{align-items:center;cursor:pointer;display:flex;font-weight:400}.widget-form-checkbox input[type=checkbox]{cursor:pointer;height:20px;margin-right:10px;width:20px}.widget-form-checkbox label span{color:var(--color-text);font-weight:600}.widget-form-field input[type=range]{background:var(--color-border);border-radius:3px;height:6px;outline:none;padding:0;width:100%}.widget-form-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.widget-form-field input[type=range]::-moz-range-thumb{background:var(--color-primary);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.credit-balances-summary{background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:12px 14px}.credit-balance-item{align-items:center;display:flex;font-size:.9rem;gap:8px}.credit-balance-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:10px;width:10px}.credit-balance-label{color:var(--color-text);min-width:60px}.credit-balance-value{color:#555}.credit-balance-messages{color:#888;font-size:.85rem}.credit-balance-loading{color:#888;font-size:.9rem;font-style:italic}.credit-balances-error{background:#fff5f5;border-color:var(--color-error);color:var(--color-error);font-size:.9rem}.credit-prices-warning{background:var(--status-processing-bg);border:1px solid #ffc107;border-radius:4px;color:var(--status-processing-text);display:block;padding:6px 10px}.credit-exhaustion-description{color:var(--color-text-secondary);display:block;margin-bottom:16px;margin-top:-12px}.branding-locked-notice{background:linear-gradient(135deg,var(--status-processing-bg) 0,#fffbea 100%);border:1px solid #ffc107;border-radius:8px;color:var(--color-text);margin-bottom:24px;padding:16px}.branding-locked-notice strong{color:var(--status-processing-text);display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.branding-locked-notice p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4;margin:0}.branding-error-notice{background:linear-gradient(135deg,var(--status-failed-bg) 0,#fdeef3 100%);border-color:#f5c6cb}.branding-error-notice p,.branding-error-notice strong{color:var(--status-failed-text)}.widget-form-section input:disabled,.widget-form-section textarea:disabled{background-color:var(--color-bg-light);cursor:not-allowed;opacity:.6}.branding-upgrade-link{color:var(--color-primary);display:inline-block;font-weight:500;margin-top:8px;text-decoration:none;transition:color .2s ease}.branding-upgrade-link:hover{color:var(--color-primary-hover);text-decoration:underline}.widget-form-container{margin:0 auto;max-width:1400px;padding:30px 20px}.widget-form-header{margin-bottom:40px;text-align:center}.widget-form-header h1{color:#1a1a1a;font-size:2rem;margin-bottom:10px}.widget-form-subtitle{color:var(--color-text-secondary);font-size:1rem;margin:0}.widget-form-loading{color:var(--color-text-secondary);font-size:1.1rem;padding:60px 20px;text-align:center}.widget-form-stepper{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px;padding:0 20px}.widget-form-step{flex:1 1;flex-direction:column}.widget-form-step,.widget-form-step-number{align-items:center;display:flex;position:relative}.widget-form-step-number{background:var(--color-border);border-radius:50%;color:#6c757d;font-size:1rem;font-weight:600;height:40px;justify-content:center;margin-bottom:10px;transition:all .3s ease;width:40px;z-index:2}.widget-form-step.active .widget-form-step-number{background:var(--color-primary);box-shadow:0 0 0 4px #007bff1a;color:#fff}.widget-form-step.completed .widget-form-step-number{background:var(--color-success);color:#fff}.widget-form-step-label{color:#6c757d;font-size:.875rem;font-weight:500;text-align:center}.widget-form-step.active .widget-form-step-label{color:var(--color-primary);font-weight:600}.widget-form-step.completed .widget-form-step-label{color:var(--color-success)}.widget-form-step-line{background:var(--color-border);height:2px;left:50%;position:absolute;top:20px;width:100%;z-index:1}.widget-form-step.completed .widget-form-step-line{background:var(--color-success)}.widget-form-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr;margin-bottom:30px}@media (min-width:1200px){.widget-form-layout{grid-template-columns:1fr 480px}}.widget-form-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:40px}.widget-form-preview{align-self:start;position:-webkit-sticky;position:sticky;top:20px}.widget-form-actions{align-items:center;justify-content:space-between}.widget-form-actions,.widget-form-actions-right{display:flex;gap:15px}.widget-form-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;min-width:120px;padding:12px 30px;transition:all .2s ease}.widget-form-btn:disabled{cursor:not-allowed;opacity:.6}.widget-form-btn-primary{background:var(--color-primary);color:#fff}.widget-form-btn-primary:hover:not(:disabled){background:#0056b3;box-shadow:0 4px 12px #007bff4d}.widget-form-btn-secondary{background:#6c757d;color:#fff}.widget-form-btn-secondary:hover:not(:disabled){background:#5a6268;box-shadow:0 4px 12px #6c757d4d}@media (max-width:768px){.widget-form-container{padding:20px 15px}.widget-form-content{padding:25px 20px}.widget-form-stepper{padding:0 10px}.widget-form-step-label{font-size:.75rem}.widget-form-step-number{font-size:.9rem;height:35px;width:35px}.widget-form-actions{align-items:stretch;flex-direction:column}.widget-form-actions-right,.widget-form-btn{width:100%}}@media (max-width:480px){.widget-form-step-label{display:none}.widget-form-step-number{font-size:.85rem;height:30px;width:30px}}.status-badge{flex-shrink:0}.status-processing{background:var(--status-processing-bg);color:var(--status-processing-text)}.status-completed{background:var(--status-completed-bg);color:var(--status-completed-text)}.status-failed{background:var(--status-failed-bg);color:var(--status-failed-text)}.ks-item{background:#fff;border:1px solid var(--color-border);border-radius:8px;display:flex;gap:15px;padding:16px;transition:all .2s ease}.ks-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.ks-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.75rem}.ks-content{flex:1 1;min-width:0}.ks-header{align-items:center;display:flex;gap:10px;margin-bottom:6px}.ks-title{color:#1a1a1a;font-size:1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ks-status-badge{border-radius:10px;flex-shrink:0;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:3px 10px;text-transform:uppercase}.ks-status-processing{background:var(--status-processing-bg);color:var(--status-processing-text)}.ks-status-completed{background:var(--status-completed-bg);color:var(--status-completed-text)}.ks-status-failed{background:var(--status-failed-bg);color:var(--status-failed-text)}.ks-meta{align-items:center;color:#6c757d;display:flex;flex-wrap:wrap;font-size:.85rem;gap:8px}.ks-link{color:var(--color-primary);max-width:300px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.ks-link:hover{text-decoration:underline}.ks-error{background:var(--status-processing-bg);border-left:3px solid #ffc107;border-radius:4px;color:var(--status-processing-text);font-size:.85rem;margin-top:8px;padding:8px 10px}.ks-actions{align-items:flex-start;display:flex;flex-shrink:0;gap:6px}.ks-btn{align-items:center;background:var(--color-bg-light);border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:6px 10px;transition:all .2s ease}.ks-btn:hover{transform:scale(1.1)}.ks-btn-retry{color:var(--color-primary)}.ks-btn-retry:hover{background:#e7f3ff}.ks-btn-delete{color:var(--color-error)}.ks-btn-delete:hover{background:#ffe5e8}.ks-item-clickable .ks-header{cursor:pointer}.ks-expand-indicator{color:#6c757d;flex-shrink:0;font-size:.8rem}.ks-text-content{border-top:1px solid var(--color-border);margin-top:12px;padding-top:12px}.ks-text-preview{position:relative}.ks-text-body{word-wrap:break-word;background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-family:inherit;font-size:.85rem;margin:0;max-height:200px;overflow-y:auto;padding:12px;white-space:pre-wrap}.ks-btn-text{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 16px;transition:all .2s ease}.ks-btn-edit{background:#e7f3ff;color:var(--color-primary);margin-top:8px}.ks-btn-edit:hover{background:#cce5ff}.ks-edit-form{display:flex;flex-direction:column;gap:10px}.ks-edit-textarea{border:1px solid var(--color-primary);border-radius:6px;font-family:inherit;font-size:.85rem;min-height:120px;padding:12px;resize:vertical;width:100%}.ks-edit-textarea:focus{box-shadow:0 0 0 3px #007bff1a;outline:none}.ks-edit-actions{display:flex;gap:8px}.ks-btn-save{background:var(--color-primary);color:#fff}.ks-btn-save:hover:not(:disabled){background:#0056b3}.ks-btn-save:disabled{cursor:not-allowed;opacity:.6}.ks-btn-cancel{background:var(--color-bg-light);color:#6c757d}.ks-btn-cancel:hover:not(:disabled){background:var(--color-border)}@media (max-width:768px){.ks-item{flex-direction:column;gap:12px}.ks-actions{justify-content:flex-end;width:100%}.ks-link{max-width:100%}.ks-header{flex-wrap:wrap}}.km-container{margin:0 auto;max-width:1200px;padding:30px 20px}.km-loading{color:var(--color-text-secondary);font-size:1.1rem;padding:60px 20px;text-align:center}.km-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.km-header h1{color:#1a1a1a;font-size:2rem;margin:0 0 8px}.km-subtitle{color:var(--color-text-secondary);font-size:1rem;margin:0}.km-subtitle strong{color:var(--color-primary)}.km-add-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:30px}.km-add-section h2{color:#1a1a1a;font-size:1.5rem;margin:0 0 20px}.km-tabs{border-bottom:2px solid var(--color-border);display:flex;gap:10px;margin-bottom:20px}.km-tab{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:-2px;padding:12px 24px;transition:all .2s ease}.km-tab.active,.km-tab:hover{color:var(--color-primary)}.km-tab.active{border-bottom-color:var(--color-primary)}.km-tab-content{padding:20px 0}.km-dropzone{background:var(--color-bg-light);border:2px dashed #ddd;border-radius:12px;cursor:pointer;padding:40px;text-align:center;transition:all .3s ease}.km-dropzone:hover{background:#f0f7ff;border-color:var(--color-primary)}.km-dropzone:focus{outline:2px solid var(--color-primary);outline-offset:2px}.km-dropzone.active{background:#e7f3ff;border-color:var(--color-primary);transform:scale(1.02)}.km-dropzone-icon{font-size:4rem;margin-bottom:15px}.km-dropzone-text{color:var(--color-text);font-size:1.1rem;font-weight:500;margin:0 0 8px}.km-dropzone-subtext{color:var(--color-text-secondary);font-size:.9rem;margin:0 0 20px}.km-file-selected{align-items:center;background:#e7f3ff;border-radius:8px;display:flex;justify-content:space-between;margin-top:15px;padding:15px}.km-file-name{color:var(--color-text);flex:1 1;font-size:.95rem;font-weight:500}.km-file-actions{display:flex;flex-shrink:0;gap:10px}.km-url-section{display:flex;gap:15px}.km-url-section .km-input{flex:1 1}.km-text-section{display:flex;flex-direction:column;gap:15px}.km-input,.km-textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.km-input:focus,.km-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.km-textarea{min-height:120px;resize:vertical}.km-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:6px;justify-content:center;padding:10px 24px;transition:all .2s ease}.km-btn:disabled{cursor:not-allowed;opacity:.6}.km-btn-primary{background:var(--color-primary);color:#fff}.km-btn-primary:hover:not(:disabled){background:#0056b3;box-shadow:0 4px 12px #007bff4d}.km-btn-secondary{background:#6c757d;color:#fff}.km-btn-secondary:hover:not(:disabled){background:#5a6268}.km-btn-outline{background:#fff;border:2px solid var(--color-primary);color:var(--color-primary)}.km-btn-outline:hover:not(:disabled){background:var(--color-primary);color:#fff}.km-btn-danger{background:var(--color-error);color:#fff}.km-btn-danger:hover:not(:disabled){background:#c82333}.km-btn-sm{font-size:.875rem;padding:6px 12px}.km-sources-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.km-sources-section h2{color:#1a1a1a;font-size:1.5rem;margin:0 0 20px}.km-empty{color:var(--color-text-secondary);padding:60px 20px;text-align:center}.km-empty p{font-size:1.1rem;margin:0}.km-sources-list{display:flex;flex-direction:column;gap:15px}.km-source-item{background:#fff;border:1px solid var(--color-border);border-radius:10px;display:flex;gap:15px;padding:20px;transition:all .2s ease}.km-source-item:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a}.km-source-icon{flex-shrink:0;font-size:2rem}.km-source-content{flex:1 1;min-width:0}.km-source-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.km-source-title{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.km-status-badge{border-radius:12px;flex-shrink:0;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.km-status-processing{background:var(--status-processing-bg);color:var(--status-processing-text)}.km-status-completed{background:var(--status-completed-bg);color:var(--status-completed-text)}.km-status-failed{background:var(--status-failed-bg);color:var(--status-failed-text)}.km-source-meta{align-items:center;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:.875rem;gap:10px}.km-source-link{color:var(--color-primary);display:inline-block;max-width:400px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.km-source-link:hover{text-decoration:underline}.km-source-error{background:var(--status-processing-bg);border-left:3px solid #ffc107;border-radius:4px;color:var(--status-processing-text);font-size:.9rem;margin-top:10px;padding:10px 12px}.km-source-actions{align-items:flex-start;display:flex;flex-shrink:0;gap:8px}@media (max-width:768px){.km-container{padding:20px 15px}.km-header{flex-direction:column;gap:15px}.km-add-section,.km-sources-section{padding:20px}.km-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.km-tab{font-size:.9rem;padding:10px 16px;white-space:nowrap}.km-source-item,.km-url-section{flex-direction:column}.km-source-actions{width:100%}.km-source-link{max-width:100%}}@media (max-width:480px){.km-dropzone{padding:30px 15px}.km-dropzone-icon{font-size:3rem}.km-file-selected{align-items:stretch;flex-direction:column;gap:10px}.km-source-header{align-items:flex-start;flex-direction:column}}.conversation-card{background:#fff;border:1px solid var(--color-border);border-radius:10px;cursor:pointer;padding:20px;transition:all .2s ease}.conversation-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.conversation-card--closed{background:#f9fafb;opacity:.65}.conversation-card--closed:hover{border-color:#adb5bd;box-shadow:none;transform:none}.conversation-card-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.conversation-card-id{align-items:center;color:#1a1a1a;display:flex;flex-wrap:wrap;font-size:.95rem;font-weight:600;gap:8px}.conversation-card-closed-badge{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;color:#6c757d;font-size:.75rem;font-weight:600;padding:2px 8px}.conversation-card-header-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.conversation-card-time{color:#6c757d;font-size:.85rem;font-weight:500}.btn-close-conversation{background:#0000;border:1px solid #dc2626;border-radius:5px;color:#dc2626;cursor:pointer;font-size:.8rem;font-weight:600;padding:3px 10px;transition:background .15s,color .15s;white-space:nowrap}.btn-close-conversation:hover{background:#dc2626;color:#fff}.btn-reopen-conversation{border-color:#10b981;color:#10b981}.btn-reopen-conversation:hover{background:#10b981;color:#fff}.conversation-card-preview{color:#495057;font-size:.95rem;line-height:1.5;margin-bottom:15px;min-height:45px}.conversation-card-footer{border-top:1px solid var(--color-border);display:flex;gap:20px;padding-top:15px}.conversation-card-stat{display:flex;font-size:.85rem;gap:6px}.stat-label{color:#6c757d;font-weight:500}.stat-value{color:#1a1a1a;font-weight:600}@media (max-width:768px){.conversation-card{padding:16px}.conversation-card-footer{flex-direction:column;gap:8px}.conversation-card-preview{min-height:auto}}.empty-state{color:var(--color-text-muted);padding:60px 20px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-message{color:var(--color-text-secondary);font-size:16px;margin:0 0 8px}.empty-state-subtitle{color:#bbb;font-size:14px;margin:0}.empty-state-action{margin-top:20px}.widget-analytics{padding:20px}.analytics-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.analytics-header-content h1{color:#1a1a1a;font-size:28px;margin:0 0 8px}.analytics-header-content .subtitle{color:var(--color-text-secondary);font-size:14px;margin:0}.analytics-filters{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.date-range-selector{align-items:center;display:flex;gap:12px}.date-range-selector label{color:#444;font-size:14px;font-weight:500}.date-range-selector input[type=date]{border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s}.date-range-selector input[type=date]:focus{border-color:var(--color-primary)}.analytics-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:30px}.analytics-charts{margin-bottom:30px}.chart-container{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000000d;padding:24px}.chart-container h3{color:#1a1a1a;font-size:18px;margin:0 0 16px}.chart-data-table{overflow-x:auto}.chart-data-table table{border-collapse:collapse;font-size:14px;width:100%}.chart-data-table thead{background:var(--color-bg-light)}.chart-data-table th{border-bottom:2px solid var(--color-border-medium);color:#444;font-weight:600;padding:12px;text-align:left}.chart-data-table td{border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary);padding:10px 12px}.chart-data-table tbody tr:hover{background:var(--color-bg-light)}.table-note{color:var(--color-text-muted);font-size:12px;font-style:italic;margin-top:12px;text-align:center}.recent-conversations-section{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000000d;padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h3{color:#1a1a1a;font-size:18px;margin:0}.btn-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:14px;font-weight:500;padding:4px 8px;transition:color .2s}.btn-link:hover{color:#0056b3;text-decoration:underline}@media (max-width:768px){.analytics-filters{align-items:stretch;flex-direction:column;gap:16px}.date-range-selector{flex-wrap:wrap}.analytics-header{flex-direction:column;gap:16px}}.conversation-viewer .btn,.conversations-viewer .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:6px;justify-content:center;padding:10px 24px;transition:all .2s ease}.conversation-viewer .btn:disabled,.conversations-viewer .btn:disabled{cursor:not-allowed;opacity:.6}.conversation-viewer .btn-primary,.conversations-viewer .btn-primary{background:var(--color-primary);color:#fff}.conversation-viewer .btn-primary:hover:not(:disabled),.conversations-viewer .btn-primary:hover:not(:disabled){background:#0056b3;box-shadow:0 4px 12px #007bff4d}.conversation-viewer .btn-secondary,.conversations-viewer .btn-secondary{background:#6c757d;color:#fff}.conversation-viewer .btn-secondary:hover:not(:disabled),.conversations-viewer .btn-secondary:hover:not(:disabled){background:#5a6268}.conversations-viewer{padding:20px}.conversations-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.conversations-header-content h1{color:#1a1a1a;font-size:28px;margin:0 0 8px}.conversations-header-content .subtitle{color:var(--color-text-secondary);font-size:14px;margin:0}.conversations-filters{flex-wrap:wrap;margin-bottom:24px}.conversations-filters,.search-form{align-items:flex-start;display:flex;gap:12px}.search-form{max-width:600px}.search-input-group{display:flex;flex:1 1;flex-direction:column;gap:4px}.search-input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;outline:none;padding:10px 16px;transition:border-color .2s;width:100%}.search-input:focus{border-color:var(--color-primary)}.search-hint{color:var(--color-text-muted);font-size:12px;font-style:italic}.conversations-list{grid-gap:12px;display:grid;gap:12px;margin-bottom:24px}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;padding:20px}.page-info{color:var(--color-text-secondary);font-size:14px;font-weight:500}.pagination .btn:disabled{cursor:not-allowed;opacity:.5}.conversation-viewer{padding:20px}.conversation-viewer-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.conversation-meta h2{color:#1a1a1a;font-size:20px;margin:0 0 4px}.conversation-meta p{color:var(--color-text-secondary);font-size:14px;margin:0}.messages-transcript{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000000d;margin:0 auto;max-width:900px;padding:24px}.message-bubble{border-left:4px solid #0000;border-radius:8px;margin-bottom:20px;padding:16px}.message-user{background:#f0f7ff;border-left-color:var(--color-primary)}.message-assistant{background:var(--color-bg-light);border-left-color:#6c757d}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.message-role{color:#444;font-size:14px;font-weight:600}.message-time{color:var(--color-text-muted);font-size:12px}.message-content{word-wrap:break-word;color:#1a1a1a;line-height:1.6;white-space:pre-wrap}.message-tokens{border-top:1px solid #0000001a;color:var(--color-text-secondary);display:flex;font-size:12px;gap:16px;margin-top:8px;padding-top:8px}.btn-toggle-closed{background:#0000;border:1px solid #6c757d;border-radius:6px;color:#6c757d;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.btn-toggle-closed.active,.btn-toggle-closed:hover{background:#6c757d;color:#fff}@media (max-width:768px){.conversation-viewer-header,.conversations-header{flex-direction:column;gap:16px}.search-form{flex-direction:column}.messages-transcript{padding:16px}.message-bubble{padding:12px}.pagination{flex-wrap:wrap}}.billing-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.billing-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:420px;padding:24px;width:90%}.billing-modal-title{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 12px}.billing-modal-text{color:#475569;line-height:1.5;margin:0 0 16px}.billing-modal-details{background:#f8fafc;border-radius:8px;margin-bottom:16px;padding:16px}.billing-modal-price{color:#1e293b;font-size:24px;font-weight:600;margin-bottom:12px}.billing-modal-features{color:#64748b;font-size:14px;margin:0;padding-left:20px}.billing-modal-features li{margin-bottom:4px}.billing-modal-note{color:#64748b;font-size:13px;margin:0 0 20px}.billing-modal-actions{display:flex;gap:12px;justify-content:flex-end}.billing-modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.billing-modal-btn-cancel{background:#f1f5f9;color:#475569}.billing-modal-btn-cancel:hover{background:#e2e8f0}.billing-modal-btn-confirm{background:var(--color-primary-hover);color:#fff}.billing-modal-btn-confirm:hover{background:var(--color-primary-deep)}.billing-downgrade-wrapper{align-items:center;display:flex;flex-direction:column;gap:4px}.billing-downgrade-hint{color:#94a3b8;font-size:11px}.credit-packages-section{margin-top:8px}.credit-packages-section h3{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 4px}.credit-packages-subtitle{color:#64748b;font-size:13px;margin:0 0 16px}.credit-packages-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.credit-packages-family-label{font-size:14px;font-weight:600;margin:0 0 8px}.credit-packages-list{display:flex;flex-direction:column;gap:8px}.credit-package-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:border-color .2s}.credit-package-card:hover{border-color:#cbd5e1}.credit-package-info{display:flex;flex-direction:column;gap:2px}.credit-package-amount{color:#1e293b;font-size:14px;font-weight:600}.credit-package-name{color:#94a3b8;font-size:12px}.credit-package-action{align-items:center;display:flex;gap:12px}.credit-package-price{color:#334155;font-size:15px;font-weight:600}.credit-package-buy-btn{background:var(--color-primary-hover);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:background .2s}.credit-package-buy-btn:hover:not(:disabled){background:var(--color-primary-deep)}.credit-package-buy-btn:focus-visible{outline:2px solid var(--color-primary-hover);outline-offset:2px}.credit-package-buy-btn:disabled{cursor:wait;opacity:.6}.billing-current-plan{margin-bottom:16px}.billing-plan-header{align-items:center;display:flex;justify-content:space-between}.billing-plan-name{color:var(--color-text-secondary);font-size:14px;margin:4px 0 0}.billing-plan-price{text-align:right}.billing-price-free{color:#059669;font-size:18px;font-weight:700}.billing-price-amount{color:var(--color-text);font-size:28px;font-weight:700}.billing-plan-card-price .billing-price-amount{font-size:20px}.billing-price-period{color:var(--color-text-muted);font-size:14px}.billing-price-custom{color:var(--color-primary-hover);font-size:16px;font-weight:600}.billing-price-unknown{color:#9ca3af;font-size:16px}.billing-plans-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));margin-bottom:16px}.billing-plan-card{background:#fff;border:1px solid var(--color-border-medium);border-radius:10px;display:flex;flex-direction:column;padding:20px;transition:border-color .2s}.billing-plan-active,.billing-plan-card:hover{border-color:var(--color-primary-hover)}.billing-plan-active{box-shadow:0 0 0 1px var(--color-primary-hover)}.billing-plan-card-header{margin-bottom:16px}.billing-plan-card-name{color:var(--color-text);font-size:16px;font-weight:600;margin:0 0 8px}.billing-plan-card-price{align-items:baseline;display:flex;gap:2px}.billing-plan-features{flex:1 1;list-style:none;margin:0 0 16px;padding:0}.billing-plan-features li{color:var(--color-text-secondary);font-size:13px;padding:4px 0 4px 18px;position:relative}.billing-plan-features li:before{color:#059669;content:"\2713";font-weight:700;left:0;position:absolute}.billing-plan-badge{background:#eff6ff;border-radius:6px;color:var(--color-primary-hover);text-align:center}.billing-plan-badge,.billing-plan-btn{font-size:13px;font-weight:600;padding:8px}.billing-plan-btn{background:var(--color-primary-hover);border:none;border-radius:6px;color:#fff;cursor:pointer;transition:background .2s;width:100%}.billing-plan-btn:hover{background:var(--color-primary-deep)}.billing-plan-btn:focus-visible{outline:2px solid var(--color-primary-hover);outline-offset:2px}.billing-plan-btn-disabled,.billing-plan-btn-disabled:hover{background:#94a3b8;cursor:not-allowed}.billing-plan-btn-upgrade{background:var(--color-primary-hover)}.billing-plan-btn-upgrade:hover:not(:disabled){background:var(--color-primary-deep)}.billing-plan-btn-downgrade{background:#64748b}.billing-plan-btn-downgrade:hover:not(:disabled){background:#475569}.billing-plan-btn-contact{background:#7c3aed;display:block;text-align:center;text-decoration:none}.billing-plan-btn-contact:hover{background:#6d28d9}.billing-plan-btn:disabled{cursor:wait;opacity:.6}.billing-manage-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;margin-top:16px;padding:10px 20px;transition:all .2s}.billing-manage-btn:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1}.billing-manage-btn:disabled{cursor:wait;opacity:.6}.billing-status-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-left:10px;padding:3px 8px;text-transform:uppercase;vertical-align:middle}.billing-status-canceled{background:var(--color-warning-bg);color:var(--color-warning-text)}.billing-status-past-due{background:#fee2e2;color:#991b1b}.billing-status-trialing{background:var(--color-info-bg);color:var(--color-info-text)}.billing-status-incomplete{background:var(--color-warning-bg);color:var(--color-warning-text)}.billing-status-unpaid{background:#fee2e2;color:#991b1b}.billing-status-paused{background:#e2e8f0;color:#475569}.billing-plan-expires{color:var(--color-warning-text);font-size:13px;margin:8px 0 0}.billing-status-help{font-size:13px;line-height:1.4;margin:8px 0 0}.billing-status-help-past-due{color:#991b1b}.billing-plan-disabled{opacity:.5;pointer-events:none}.billing-plans-loading{position:relative}.billing-plans-loading:after{background:#ffffff4d;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.settings-page{padding:20px}.settings-page h1{color:var(--color-text);font-size:32px;margin:0 0 10px}.settings-subtitle{color:var(--color-text-secondary);font-size:16px;margin:0 0 30px}.settings-tabs{border-bottom:2px solid var(--color-border);display:flex;gap:4px;margin-bottom:32px}.settings-tab-btn{background:none;border:none;border-bottom:2px solid #0000;border-radius:4px 4px 0 0;color:var(--color-text-secondary);cursor:pointer;font-size:15px;font-weight:500;margin-bottom:-2px;padding:10px 20px;transition:color .15s,border-color .15s}.settings-tab-btn:hover{background:var(--color-bg-subtle);color:var(--color-text)}.settings-tab-btn--active{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:600}.settings-section{margin-bottom:32px}.settings-section-title{color:var(--color-text);font-size:20px;margin:0 0 16px}.settings-card{background:#fff;border:1px solid var(--color-border-medium);border-radius:10px;box-shadow:0 2px 4px #0000000d;padding:24px}.settings-card-title{color:var(--color-text);font-size:16px;font-weight:600;margin:0 0 16px}.settings-empty{color:var(--color-text-muted);font-size:14px;margin:0}.profile-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.profile-field{display:flex;flex-direction:column;gap:4px}.profile-label{color:var(--color-text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.profile-value{color:var(--color-text);font-size:15px}.profile-role{text-transform:capitalize}.settings-metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.settings-table{border-collapse:collapse;width:100%}.settings-table td,.settings-table th{border-bottom:1px solid var(--color-border-light);font-size:14px;padding:10px 12px;text-align:left}.settings-table th{color:var(--color-text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.settings-table td{color:var(--color-text)}.settings-table tbody tr:last-child td{border-bottom:none}.settings-table tbody tr:hover{background:var(--color-bg-hover)}.settings-card-top-widgets{margin-top:20px}.settings-error-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:40px;text-align:center}.settings-error-state .error-icon{color:var(--color-error);height:48px;margin-bottom:16px;width:48px}.settings-error-state h2{color:var(--color-text);font-size:24px;margin:0 0 12px}.settings-error-state p{color:var(--color-text-secondary);margin:0 0 20px;max-width:400px}.settings-error-state .retry-button{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background .2s}.settings-error-state .retry-button:hover:not(:disabled){background:var(--color-primary-hover)}.settings-error-state .retry-button:disabled{background:#9ca3af;cursor:not-allowed}.settings-error-state .retry-count{color:var(--color-text-muted);font-size:14px;margin-top:12px}.credit-balances-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.credit-balance-card{padding:20px}.credit-balance-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:12px}.credit-balance-label{color:#555;font-size:14px;font-weight:600;text-transform:capitalize}.credit-balance-value{color:var(--color-text);font-size:20px;font-weight:700}.credit-progress-track{background:var(--color-border);border-radius:4px;height:8px;overflow:hidden}.credit-progress-bar{border-radius:4px;height:100%;transition:width .4s ease}.credit-progress-bar--healthy{background:var(--color-success)}.credit-progress-bar--low{background:var(--color-warning)}.credit-progress-bar--critical{background:#ef4444}.credit-progress-bar--exhausted{background:var(--color-border-input)}.credit-balance-footer{margin-top:8px}.credit-balance-alloc{color:var(--color-text-muted);font-size:12px}.credit-balance-used{color:#888;display:block;font-size:12px;margin-top:2px}.threshold-description{color:var(--color-text-secondary);font-size:14px;margin:0 0 16px}.threshold-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:16px}.threshold-field{display:flex;flex-direction:column;gap:6px}.threshold-label{color:#555;font-size:13px;font-weight:600;text-transform:capitalize}.threshold-input{background:#fff;border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-text);font-size:14px;padding:8px 12px}.threshold-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f126;outline:none}.threshold-save-btn{background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:background .2s}.threshold-save-btn:hover:not(:disabled){background:var(--color-primary-hover)}.threshold-save-btn:disabled{background:#9ca3af;cursor:not-allowed}.credit-history-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.credit-history-filter-btn{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:6px;color:#555;cursor:pointer;font-size:13px;padding:6px 14px;transition:all .15s}.credit-history-filter-btn:hover{background:var(--color-border)}.credit-history-filter-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.credit-history-table .credit-history-family{text-transform:capitalize}.credit-amount-positive{color:var(--color-success);font-weight:600}.credit-amount-negative{color:#ef4444;font-weight:600}.credit-history-desc{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credit-history-pagination{align-items:center;border-top:1px solid var(--color-border-light);display:flex;gap:16px;justify-content:center;margin-top:16px;padding-top:16px}.credit-history-pagination button{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:6px;color:#555;cursor:pointer;font-size:13px;padding:6px 14px}.credit-history-pagination button:hover:not(:disabled){background:var(--color-border)}.credit-history-pagination button:disabled{cursor:not-allowed;opacity:.5}.credit-history-page-info{color:var(--color-text-muted);font-size:13px}.settings-activity-title{margin-top:24px}.admin-plan-form{display:flex;flex-direction:column;gap:16px}.admin-form-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:6px;color:var(--color-error);font-size:.875rem;padding:10px 14px}.admin-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.admin-form-row-thirds{grid-template-columns:1fr 1fr 1fr}.admin-form-group{display:flex;flex-direction:column;gap:4px}.admin-form-group label{align-items:center;color:var(--color-text-body);display:flex;font-size:.8rem;font-weight:600;gap:8px}.admin-form-group input[type=number],.admin-form-group input[type=text]{border:1px solid var(--color-border-input);border-radius:6px;font-size:.875rem;padding:8px 10px}.admin-form-group input:disabled{background:var(--color-bg-subtle);color:#9ca3af}.admin-form-hint{color:#9ca3af;font-size:.75rem}.admin-checkbox-inline{align-items:center;color:var(--color-text-subtle);cursor:pointer;display:inline-flex!important;font-size:.75rem;font-weight:400;gap:4px}.admin-checkbox-inline input[type=checkbox]{margin:0}.admin-fieldset{border:1px solid var(--color-border);border-radius:8px;padding:12px 16px}.admin-fieldset legend{color:var(--color-text-body);font-size:.8rem;font-weight:600;padding:0 6px}.admin-feature-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.admin-feature-row input{border:1px solid var(--color-border-input);border-radius:6px;flex:1 1;font-size:.875rem;padding:6px 10px}.admin-btn-remove{background:none;border:1px solid var(--color-error-border);border-radius:4px;color:var(--color-error);cursor:pointer;font-size:.75rem;padding:4px 8px}.admin-btn-add-feature{background:none;border:1px dashed var(--color-border-input);border-radius:6px;color:var(--color-text-subtle);cursor:pointer;font-size:.8rem;padding:6px 12px;width:100%}.admin-btn-add-feature:hover{border-color:var(--color-primary-hover);color:var(--color-primary-hover)}.admin-form-actions{border-top:1px solid var(--color-bg-subtle);display:flex;gap:8px;justify-content:flex-end;padding-top:8px}.admin-checkbox-label{align-items:center;color:var(--color-text-body);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px}.admin-checkbox-label input[type=checkbox]{margin:0}.admin-invite-manager{display:flex;flex-direction:column;gap:16px}.admin-invite-form{align-items:flex-end;display:flex;gap:8px}.admin-invite-form .admin-form-group{flex:1 1}.admin-invite-form input[type=email]{width:100%}.admin-invite-form input[type=email],.admin-invite-form select{border:1px solid var(--color-border-input);border-radius:6px;font-size:.875rem;padding:8px 10px}.admin-invite-token-display{background:#f0fdf4;border:1px solid #86efac;border-radius:6px;padding:12px}.admin-invite-token-display p{color:var(--color-success-text);font-size:.8rem;font-weight:600;margin:0 0 8px}.admin-invite-token-url{align-items:center;display:flex;gap:8px}.admin-invite-token-url input{background:#fff;border:1px solid var(--color-border-input);border-radius:6px;flex:1 1;font-family:monospace;font-size:.75rem;padding:6px 10px}.admin-invite-table{border-collapse:collapse;font-size:.8rem;width:100%}.admin-invite-table th{background:var(--color-bg-hover);border-bottom:1px solid var(--color-border);color:var(--color-text-body);font-weight:600;padding:8px 10px;text-align:left}.admin-invite-table td{border-bottom:1px solid var(--color-bg-subtle);padding:8px 10px}.admin-invite-status{border-radius:12px;display:inline-block;font-size:.7rem;font-weight:600;padding:2px 8px}.admin-invite-status-pending{background:var(--color-info-bg);color:var(--color-info-text)}.admin-invite-status-accepted{background:var(--color-success-bg);color:var(--color-success-text)}.admin-invite-status-expired{background:var(--color-bg-subtle);color:var(--color-text-subtle)}.admin-invite-status-revoked{background:var(--color-error-bg);color:var(--color-error)}.admin-invite-empty{color:#9ca3af;font-size:.875rem;padding:24px;text-align:center}.admin-plans-page{max-width:1200px;padding:24px}.admin-plans-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.admin-plans-header h2{color:#1a1a2e;font-size:1.5rem;margin:0 0 4px}.admin-plans-subtitle{color:var(--color-text-secondary);font-size:.875rem;margin:0}.admin-refreshing{background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:6px;color:var(--color-primary-hover);font-size:.875rem;margin-bottom:16px;padding:8px 16px}.admin-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:6px;color:var(--color-error);margin-bottom:16px;padding:12px 16px}.admin-table-wrapper{border:1px solid var(--color-border);border-radius:8px;overflow-x:auto}.admin-table{border-collapse:collapse;font-size:.875rem;width:100%}.admin-table th{background:var(--color-bg-hover);border-bottom:1px solid var(--color-border);color:var(--color-text-body);font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap}.admin-table td{border-bottom:1px solid var(--color-bg-subtle);padding:10px 12px;vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--color-bg-hover)}.admin-row-inactive{opacity:.6}.admin-row-inactive td{background:#fafafa}.admin-limits-cell{font-family:monospace;font-size:.8rem;white-space:nowrap}.admin-actions-cell{display:flex;gap:6px;white-space:nowrap}.admin-badge{border-radius:12px;display:inline-block;font-size:.7rem;font-weight:600;margin-left:8px;padding:2px 8px;vertical-align:middle}.admin-badge-system{background:var(--color-info-bg);color:var(--color-info-text)}.admin-badge-private{background:var(--color-warning-bg);color:var(--color-warning-text)}.admin-status-toggle{border:1px solid;border-radius:12px;cursor:pointer;font-size:.75rem;font-weight:600;padding:4px 12px;transition:all .15s ease}.admin-status-active{background:var(--color-success-bg);border-color:#86efac;color:var(--color-success-text)}.admin-status-active:hover:not(:disabled){background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error)}.admin-status-inactive{background:var(--color-bg-subtle);border-color:var(--color-border-input);color:var(--color-text-subtle)}.admin-status-inactive:hover:not(:disabled){background:var(--color-success-bg);border-color:#86efac;color:var(--color-success-text)}.admin-status-toggle:disabled{cursor:not-allowed;opacity:.5}.admin-btn{background:#fff;border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-text-body);cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .15s ease}.admin-btn:hover:not(:disabled){background:var(--color-bg-hover)}.admin-btn:disabled{cursor:not-allowed;opacity:.4}.admin-btn-primary{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.admin-btn-primary:hover:not(:disabled){background:var(--color-primary-deep)}.admin-btn-edit{border-color:var(--color-info-border);color:var(--color-primary-hover)}.admin-btn-invites{border-color:var(--color-warning-border);color:var(--color-warning-text)}.admin-btn-invites:hover:not(:disabled){background:#fffbeb}.admin-btn-delete{border-color:var(--color-error-border);color:var(--color-error)}.admin-btn-delete:hover:not(:disabled){background:var(--color-error-bg)}.admin-btn-cancel{background:#fff;color:var(--color-text-subtle)}@media (max-width:768px){.admin-plans-header{flex-direction:column}.admin-form-row,.admin-form-row-thirds{grid-template-columns:1fr}}.admin-credits-page{max-width:1200px;padding:24px}.admin-credits-header{margin-bottom:24px}.admin-credits-header h2{color:#1a1a2e;font-size:1.5rem;margin:0 0 4px}.admin-credits-subtitle{color:var(--color-text-secondary);font-size:.875rem;margin:0}.admin-credits-section{margin-bottom:32px}.admin-credits-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.admin-credits-section-header h3{color:#1a1a2e;font-size:1.1rem;margin:0}.admin-price-row{align-items:center;border-bottom:1px solid var(--color-bg-subtle);display:flex;gap:12px;padding:10px 0}.admin-price-row:last-child{border-bottom:none}.admin-price-family{color:var(--color-text-body);font-weight:600;min-width:80px;text-transform:capitalize}.admin-price-input{border:1px solid var(--color-border-input);border-radius:6px;font-size:.875rem;padding:6px 10px;width:100px}.admin-price-label{color:var(--color-text-subtle);font-size:.8rem}.admin-package-form{grid-gap:8px;align-items:end;background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr auto auto;margin-bottom:12px;padding:12px}.admin-package-form .admin-form-group{display:flex;flex-direction:column;gap:2px}.admin-package-form label{color:var(--color-text-subtle);font-size:.7rem;font-weight:600;text-transform:uppercase}.admin-package-form input,.admin-package-form select{border:1px solid var(--color-border-input);border-radius:6px;font-size:.875rem;padding:6px 10px}.admin-adjust-form{grid-gap:8px;align-items:end;background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 2fr auto;padding:12px}.admin-adjust-form .admin-form-group{display:flex;flex-direction:column;gap:2px}.admin-adjust-form label{color:var(--color-text-subtle);font-size:.7rem;font-weight:600;text-transform:uppercase}.admin-adjust-form input,.admin-adjust-form select{border:1px solid var(--color-border-input);border-radius:6px;font-size:.875rem;padding:6px 10px}.admin-section-hint{display:block;margin-bottom:8px}.admin-row-saving{opacity:.6}.admin-inline-actions{display:flex;gap:4px}.admin-family-name{text-transform:capitalize}.admin-code-small{font-size:.75rem}.admin-empty-row{color:#9ca3af;text-align:center}.admin-form-error-full{grid-column:1/-1}.admin-field-error{color:var(--color-error);font-size:.75rem;margin-top:2px}.admin-user-preview{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;font-size:.875rem;margin-bottom:12px;padding:10px 14px}.admin-user-preview-meta{color:var(--color-text-subtle);margin-left:12px}.admin-user-preview-inactive{color:var(--color-error);font-weight:600;margin-left:8px}.admin-user-preview-balances{color:var(--color-text-body);margin-top:4px}.admin-confirm-card{border-radius:8px;margin-top:12px;padding:12px 16px}.admin-confirm-card--add{background:#f0fdf4;border:1px solid #bbf7d0}.admin-confirm-card--deduct{background:var(--color-error-bg);border:1px solid var(--color-error-border)}.admin-confirm-card p{font-weight:600;margin:0 0 8px}.admin-confirm-card .admin-btn{margin-right:8px}.admin-adjust-form--lookup{grid-template-columns:120px auto;margin-bottom:12px}@media (max-width:768px){.admin-adjust-form,.admin-package-form{grid-template-columns:1fr 1fr}}.accept-invite-page{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:24px}.accept-invite-card{background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014;max-width:480px;padding:40px;text-align:center;width:100%}.accept-invite-card h2{color:#1a1a2e;font-size:1.5rem;margin:0 0 12px}.accept-invite-card p{color:#4b5563;line-height:1.5;margin:0 0 16px}.accept-invite-price{color:var(--color-brand);font-size:2rem;font-weight:700;margin:16px 0}.accept-invite-features{list-style:none;margin:0 0 24px;padding:0;text-align:left}.accept-invite-features li{border-bottom:1px solid var(--color-bg-subtle);color:var(--color-text-body);font-size:.9rem;padding:8px 0}.accept-invite-features li:before{color:var(--color-success);content:"\2713 ";font-weight:700;margin-right:8px}.accept-invite-features li:last-child{border-bottom:none}.accept-invite-btn{border:none;border-radius:8px;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin-bottom:8px;padding:12px;transition:all .15s ease;width:100%}.accept-invite-btn:disabled{cursor:not-allowed;opacity:.6}.accept-invite-btn-primary{background:linear-gradient(135deg,var(--color-brand) 0,#764ba2 100%);color:#fff}.accept-invite-btn-primary:hover:not(:disabled){opacity:.9}.accept-invite-btn-secondary{background:#0000;border:1px solid var(--color-border-input);color:var(--color-text-subtle)}.accept-invite-btn-secondary:hover,.accept-invite-limits{background:var(--color-bg-hover)}.accept-invite-limits{border-radius:8px;display:flex;gap:24px;justify-content:center;margin:16px 0 24px;padding:16px}.accept-invite-limit{align-items:center;display:flex;flex-direction:column;gap:4px}.accept-invite-limit-value{color:#1a1a2e;font-size:1.1rem;font-weight:700}.accept-invite-limit-label{color:var(--color-text-subtle);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.accept-invite-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:6px;color:var(--color-error);font-size:.9rem;margin:16px 0;padding:12px}.accept-invite-processing-hint{animation:accept-invite-pulse 1.5s ease-in-out infinite;color:var(--color-text-subtle);font-size:.85rem;margin:4px 0 8px}@keyframes accept-invite-pulse{0%,to{opacity:1}50%{opacity:.5}}.landing-container,.landing-container *{box-sizing:border-box}.landing-container{--landing-max-width:1100px;--landing-hero-max-width:680px;--landing-btn-max-width:300px;--landing-gutter:24px;--landing-icon-size:36px;--landing-brand-gradient-end:#764ba2;--landing-white-alpha-95:#fffffff2;--landing-white-alpha-60:#fff9;--landing-white-alpha-10:#ffffff1a;--landing-shadow-xl:0 6px 20px #0003;--landing-hero-pad-bottom:60px;--landing-cta-gap:14px;--landing-btn-pad-v:14px;--landing-subtitle-gap:36px;--landing-card-gap:28px;--landing-card-h3-gap:10px;--landing-btn-nav-pad-h:18px;background:#fff;display:flex;flex-direction:column;min-height:100vh}.landing-header{background:var(--landing-white-alpha-95);border-bottom:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-header)}.landing-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--landing-max-width);padding:var(--space-4) var(--landing-gutter)}.landing-logo{color:var(--color-brand);font-size:var(--font-xl);font-weight:700;letter-spacing:-.5px}.landing-nav-links{align-items:center;display:flex;gap:var(--space-4)}.nav-link{color:var(--color-text-secondary);font-size:var(--font-sm);font-weight:500;text-decoration:none}.nav-link:hover{color:var(--color-brand)}.btn-nav-cta{background:var(--color-brand);border-radius:var(--radius-sm);color:#fff;font-size:var(--font-sm);font-weight:500;padding:var(--space-2) var(--landing-btn-nav-pad-h);text-decoration:none;transition:background var(--transition-base)}.btn-nav-cta:hover{background:var(--color-brand-hover)}.landing-hero{align-items:center;background:linear-gradient(135deg,var(--color-brand) 0,var(--landing-brand-gradient-end) 100%);color:#fff;display:flex;flex:1 1;justify-content:center;padding:var(--space-20) var(--landing-gutter) var(--landing-hero-pad-bottom);text-align:center}.hero-content{max-width:var(--landing-hero-max-width)}.landing-hero h1{font-size:clamp(var(--font-2xl),5vw,var(--font-3xl));font-weight:800;line-height:1.15;margin:0 0 var(--space-5)}.hero-subtitle{font-size:var(--font-lg);line-height:1.6;margin:0 0 var(--landing-subtitle-gap);opacity:.9}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--landing-cta-gap);justify-content:center}.landing-btn-lg{border-radius:var(--radius-md);font-size:var(--font-base);padding:var(--landing-btn-pad-v) var(--space-8);text-decoration:none}.landing-btn-primary-lg{background:#fff;box-shadow:var(--shadow-lg);color:var(--color-brand);font-weight:700;transition:box-shadow var(--transition-fast)}.landing-btn-primary-lg:hover{box-shadow:var(--landing-shadow-xl)}.landing-btn-secondary-lg{background:#0000;border:2px solid var(--landing-white-alpha-60);color:#fff;font-weight:600;transition:border-color var(--transition-fast),background var(--transition-fast)}.landing-btn-secondary-lg:hover{background:var(--landing-white-alpha-10);border-color:#fff}.landing-features{background:var(--color-bg-hover);padding:var(--space-16) var(--landing-gutter)}.features-grid{grid-gap:var(--landing-card-gap);display:grid;gap:var(--landing-card-gap);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 auto;max-width:var(--landing-max-width)}.feature-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-8) var(--landing-card-gap);text-align:center}.feature-icon{align-items:center;background:#667eea14;border-radius:var(--radius-md);color:var(--color-brand);display:flex;height:48px;justify-content:center;margin:0 auto var(--space-4);width:48px}.feature-card h3{color:var(--color-text);font-size:var(--font-lg);font-weight:700;margin:0 0 var(--landing-card-h3-gap)}.feature-card p{font-size:var(--font-sm);line-height:1.6;margin:0}.feature-card p,.landing-footer{color:var(--color-text-secondary)}.landing-footer{align-items:center;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;font-size:var(--font-xs);gap:var(--space-3);justify-content:space-between;margin:0 auto;max-width:var(--landing-max-width);padding:var(--landing-gutter);width:100%}.footer-links{display:flex;gap:var(--space-5)}.footer-links a{color:var(--color-text-secondary);text-decoration:none}.footer-links a:hover{color:var(--color-brand)}@media (max-width:480px){.hero-actions{align-items:center;flex-direction:column}.landing-btn-primary-lg,.landing-btn-secondary-lg{max-width:var(--landing-btn-max-width);text-align:center;width:100%}}
/*# sourceMappingURL=main.16469fb5.css.map*/