*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s}#root,body,html{height:100%;width:100%}html.dark body{background:#111827}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:inherit}.checkout-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.checkout-modal{animation:slideUp .3s ease-out;background:#1a1a2e;border:1px solid #2d2d44;border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:90%}.checkout-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s ease;z-index:10}.checkout-modal-close:hover:not(:disabled){background:#ffffff1a;color:#fff}.checkout-modal-close:disabled{cursor:not-allowed;opacity:.5}.checkout-modal-content{padding:32px}.checkout-modal-title{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px}.checkout-modal-subtitle{color:#9ca3af;font-size:14px;margin:0 0 24px}.checkout-modal-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;display:flex;font-size:14px;gap:12px;margin-bottom:20px;padding:12px 16px}.checkout-modal-error svg{flex-shrink:0}.checkout-modal-plans-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px}.checkout-plan-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;cursor:pointer;padding:16px;position:relative;text-align:center;transition:all .2s ease}.checkout-plan-card:hover{background:#ffffff14;border-color:#667eea80}.checkout-plan-card.selected{background:#667eea26;border-color:#667eea;box-shadow:0 0 12px #667eea4d}.plan-selected-badge{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.plan-card-name{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}.plan-card-price{align-items:baseline;display:flex;gap:4px;justify-content:center;margin-bottom:8px}.plan-card-price .price-amount{color:#10b981;font-size:20px;font-weight:700}.plan-card-description,.plan-card-price .price-period{color:#9ca3af;font-size:12px}.plan-card-description{line-height:1.3;margin:0}.plan-card-features{color:#d1d5db;display:flex;flex-direction:column;font-size:11px;gap:4px;list-style:none;margin:8px 0 0;padding:0}.plan-card-features li{padding:0}.plan-card-features li:before{color:#10b981;content:"✓ ";font-weight:700}.plan-card-features .more-features{color:#9ca3af;font-style:italic}.checkout-billing-cycle{margin-bottom:24px}.checkout-billing-cycle label{color:#d1d5db;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.billing-cycle-toggle{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;display:flex;gap:8px;padding:4px}.billing-cycle-btn{background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:10px 12px;position:relative;transition:all .2s ease}.billing-cycle-btn:hover:not(:disabled){color:#d1d5db}.billing-cycle-btn.active{background:#667eea33;color:#667eea;font-weight:600}.billing-cycle-btn .savings{color:#10b981;display:block;font-size:11px;font-weight:600;margin-top:2px}.billing-cycle-btn.active .savings{color:#10b981}.checkout-modal-plan-details{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:24px;padding:16px}.checkout-modal-plan-details h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 8px}.plan-details-price{color:#10b981;font-size:18px;font-weight:700;margin:0 0 8px}.plan-details-description{color:#d1d5db;font-size:13px;margin:0}.checkout-modal-plan{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:24px;padding:20px}.plan-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.plan-name{color:#fff;font-size:18px;font-weight:600;margin:0}.price-amount{color:#10b981;font-size:24px;font-weight:700}.price-period{color:#9ca3af;font-size:14px}.plan-description{color:#d1d5db;font-size:14px;margin:0 0 16px}.plan-features{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.plan-features li{color:#d1d5db;font-size:14px;padding-left:24px;position:relative}.plan-features li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.checkout-modal-actions{display:flex;gap:12px;justify-content:flex-end}.checkout-modal-actions .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.checkout-modal-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.checkout-modal-actions .btn-primary:hover:not(:disabled){box-shadow:0 8px 16px #667eea66;transform:translateY(-2px)}.checkout-modal-actions .btn-primary:disabled{cursor:not-allowed;opacity:.6}.checkout-modal-actions .btn-secondary{background:#0000;border:1px solid #ffffff1a;color:#9ca3af}.checkout-modal-actions .btn-secondary:hover:not(:disabled){background:#ffffff0d;color:#d1d5db}.checkout-modal-actions .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.form-list{margin:0 auto;max-width:1200px}.list-header{justify-content:space-between;margin-bottom:1.5rem}.list-header,.toolbar{align-items:center;display:flex}.toolbar{gap:.75rem}.left-actions{align-items:center;display:flex;gap:.5rem}.toolbar .btn-unified,.toolbar .icon-upload{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;height:40px;justify-content:center;min-width:140px;padding:0 12px;transition:all .12s ease-in-out}.toolbar .btn-unified{background:#eef2ff;border-color:#3b82f61f;color:#3730a3}.toolbar .btn-unified:hover{background:#e0e7ff;transform:translateY(-2px)}.toolbar .btn-unified.ghost{background:linear-gradient(180deg,#f1f5f9,#eef2f2);border-color:#0f172a0f;color:#0f172a}.toolbar .btn-unified.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 14px #667eea2e;color:#fff}.toolbar .icon-upload input[type=file]{display:none}.toolbar svg{vertical-align:middle}.list-header h2{color:#374151;font-size:2rem}.dark .list-header h2{color:#f3f4f6}.btn{display:inline-block}.btn-primary:hover{box-shadow:0 4px 12px #667eea66}.empty-state{background:#f8fafce6;border:1px solid #667eea1a;box-shadow:0 4px 16px #667eea1a;padding:3rem 1.5rem}.empty-state p{font-size:1.1rem}.forms-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.form-card{background:#939393;border:1px solid #667eea26;border-radius:.75rem;box-shadow:0 2px 8px #667eea1f;padding:1.25rem;transition:all .2s}.dark .form-card{background:#1f2937}.form-card:hover{border-color:#667eea4d;box-shadow:0 6px 20px #667eea33;transform:translateY(-4px)}.dark .form-card:hover{box-shadow:0 4px 12px #00000080}.form-card-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:.75rem}.form-card-header h3{color:#374151;flex:1 1;font-size:1.25rem}.dark .form-card-header h3{color:#f3f4f6}.form-card-actions{display:flex;gap:.5rem}.icon-btn{align-items:center;background:#e6f0fa99;border-radius:.375rem;color:#6b7280;display:flex;justify-content:center;padding:.5rem;text-decoration:none;transition:all .2s}.dark .icon-btn{background:#374151;color:#9ca3af}.icon-btn:hover{background:#667eea26;color:#667eea}.dark .icon-btn:hover{background:#4b5563;color:#f3f4f6}.icon-btn.danger:hover{background:#fee2e2;color:#dc2626}.dark .icon-btn.danger:hover{background:#7f1d1d;color:#fca5a5}.form-card-description{color:#6b7280;line-height:1.5;margin-bottom:1rem}.dark .form-card-description{color:#9ca3af}.form-card-footer{border-top:1px solid #d1d5db;padding-top:1rem}.dark .form-card-footer{border-top:1px solid #374151}.form-card-date{color:#9ca3af;font-size:.875rem}.dark .form-card-date{color:#6b7280}.loading{font-size:1.1rem;padding:4rem}.modal{background:#f8fafc;border:1px solid #0f172a0f;border-radius:12px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.import-modal .modal-body input[type=file]{display:block;margin-bottom:.5rem}.import-modal textarea{font-family:monospace;font-size:13px}.import-modal .modal{background:#eef2f6}.import-modal input[type=file]{background:#f1f5f9;border:1px solid #0f172a0a;border-radius:8px;padding:.5rem}.file-picker{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.file-picker input[type=file]{display:none!important;height:0;opacity:0;pointer-events:none;width:0}.file-picker-btn{align-items:center;background:linear-gradient(180deg,#eef3f7,#e6eef8);border:1px solid #6366f10f;border-radius:8px;color:#0f172a;cursor:pointer;display:inline-flex;font-weight:600;padding:8px 12px}.file-picker-filename{background:#f1f5f9;border:1px solid #0f172a0a;border-radius:8px;color:#0f172a;min-width:160px;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap}.import-modal input[type=file]::-webkit-file-upload-button{background:linear-gradient(135deg,#eef2ff,#e9d5ff);border:1px solid #3b82f61f;border-radius:6px;color:#3730a3;margin-right:8px;padding:6px 10px}.import-modal input[type=file]::file-selector-button{background:linear-gradient(135deg,#eef2ff,#e9d5ff);border:1px solid #3b82f61f;border-radius:6px;color:#3730a3;margin-right:8px;padding:6px 10px}.import-modal select,.import-modal textarea{background:#f6f8fa;border:1px solid #0f172a0f;border-radius:8px;color:#0b1220;padding:.5rem}.import-modal textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Segoe UI Mono,monospace;min-height:160px}.import-modal .error{background:#fff1f2;border-radius:6px;color:#9f1239;margin-top:.5rem;padding:.5rem .75rem}.dark .modal{background:#1f2937;border:1px solid #374151}.dark .import-modal .modal{background:#0b1220}.dark .import-modal select,.dark .import-modal textarea{background:#07101a;border:1px solid #263244;color:#e6eef8}.dark .file-picker-filename{background:#07101a;border:1px solid #263244;color:#cbd5e1}.dark .file-picker-btn{background:linear-gradient(180deg,#0f172a,#0b1220);border:1px solid #ffffff0a;color:#e6eef8}.dark .import-modal label,.dark .import-modal p,.dark .modal-body,.dark .modal-header h2{color:#e6eef8}.tenant-links-modal{max-width:900px}.dark .modal-header{border-bottom:1px solid #374151}.modal-header h2{color:#0b1220}.modal-body{max-height:calc(90vh - 200px)}.component-palette{background:linear-gradient(180deg,#e6f0fab3,#f0e6fab3);border-right:1px solid #667eea26;box-shadow:inset -2px 0 6px #667eea0d;overflow-y:auto;padding:1rem}.dark .component-palette{background:#0a0e14;border-right:1px solid #374151;box-shadow:inset -1px 0 3px #0000004d}.palette-header{margin-bottom:1rem}.palette-header h3{color:#374151;font-size:1.125rem;margin-bottom:.25rem}.dark .palette-header h3{color:#f3f4f6}.palette-header p{color:#6b7280;font-size:.875rem}.dark .palette-header p{color:#9ca3af}.component-category,.palette-components{display:flex;flex-direction:column;gap:.375rem}.category-items{grid-gap:.375rem;display:grid;gap:.375rem;grid-template-columns:1fr}.component-item{align-items:center;background:#9393931f;border:2px solid #9393931f;border-radius:.5rem;color:#4a5568;display:flex;font-weight:500;gap:.5rem;padding:.625rem .75rem;text-align:left;transition:all .2s;width:100%}.component-item-button{color:inherit;cursor:pointer;font:inherit;gap:.5rem;margin:0;padding:0}.component-delete-btn,.component-item-button{align-items:center;background:#0000;border:none;display:inline-flex}.component-delete-btn{border-radius:.25rem;color:#ef4444;justify-content:center;margin-left:auto;padding:.25rem}.component-delete-btn:hover{background:#ef444414}.dark .component-item{background:#1f2937;border:2px solid #374151;color:#d1d5db}.component-item:hover{background:linear-gradient(135deg,#93939329,#9393931f);border-color:#667eea;box-shadow:0 2px 8px #667eea26;color:#667eea;transform:translateX(4px)}.dark .component-item:hover{background:#2d3748;border-color:#818cf8;color:#818cf8}.component-item svg{flex-shrink:0}.component-item.dragging{cursor:grabbing;opacity:.5}.component-item{cursor:grab}.component-item:active{cursor:grabbing}.favorites-category{border-bottom:2px solid #667eea33;margin-bottom:.75rem;padding-bottom:.75rem}.dark .favorites-category{border-bottom-color:#374151}.favorites-items{grid-gap:.375rem;display:grid;gap:.375rem;grid-template-columns:1fr}.favorite-item-wrapper{cursor:move;opacity:1;position:relative;transition:opacity .2s}.favorite-item-wrapper .component-item{pointer-events:auto}.favorite-item-wrapper.dragging{opacity:.5}.favorite-item-wrapper:before{color:#9ca3af;content:"⋮⋮";font-size:.75rem;left:.5rem;letter-spacing:-.25rem;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s}.favorite-item-wrapper:hover:before{opacity:1}.dark .favorite-item-wrapper:before{color:#6b7280}.component-favorite-btn{align-items:center;background:#0000;border:none;border-radius:.25rem;color:#9ca3af;cursor:pointer;display:inline-flex;justify-content:center;margin-left:auto;padding:.25rem;transition:all .2s}.component-favorite-btn:hover{background:#fbbf241a;color:#fbbf24}.component-favorite-btn.favorited{color:#fbbf24}.dark .component-favorite-btn{color:#6b7280}.dark .component-favorite-btn:hover{background:#fbbf241a;color:#fbbf24}.dark .component-favorite-btn.favorited{color:#fbbf24}.category-title-wrapper{align-items:center;cursor:grab;display:flex;gap:.5rem;padding:.5rem 0;-webkit-user-select:none;user-select:none}.category-title-wrapper:active{cursor:grabbing}.category-minimize-btn{align-items:center;background:#0000;border:none;border-radius:.25rem;color:#9ca3af;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:.25rem;transition:all .2s}.dark .category-minimize-btn{color:#6b7280}.category-minimize-btn:hover{background:#3b82f61a;color:#3b82f6}.dark .category-minimize-btn:hover{background:#818cf81a;color:#818cf8}.category-title{color:#6b7280;flex:1 1;font-size:.875rem;font-weight:600;margin:.25rem 0}.dark .category-title{color:#9ca3af}.category-drag-handle{color:#d1d5db;flex-shrink:0;font-size:.75rem;letter-spacing:-.25rem;opacity:0;transition:opacity .2s}.dark .category-drag-handle{color:#6b7280}.category-title-wrapper:hover .category-drag-handle{opacity:1}.component-category.dragging{opacity:.5}.confirm-modal-overlay{align-items:center;background:#02061799;display:flex;inset:0;justify-content:center;position:fixed;z-index:12000}.confirm-modal{background:#0b1220;border:1px solid #ffffff08;border-radius:8px;box-shadow:0 10px 30px #02061799;color:#e6eef8;padding:1.25rem;width:420px}.confirm-modal h3{color:#f3f4f6;margin:0 0 .5rem}.confirm-modal p{color:#cbd5e1;margin:0 0 1rem}.confirm-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-danger{border-radius:6px;padding:.5rem .75rem}.btn-secondary{background:#111827;border:1px solid #ffffff0a;color:#e6eef8;padding:.5rem .75rem}.btn-secondary:hover{background:#0b1220}.form-canvas{background:linear-gradient(135deg,#e6f0fa66,#f5ebfa66);box-shadow:inset 0 2px 4px #667eea0f;flex:1 1;overflow-y:auto;padding:1rem}.dark .form-canvas{background:#0f1419;box-shadow:inset 0 2px 4px #00000080}.canvas-content{margin:0 auto;max-width:650px}.canvas-empty{background:#f8fafce6;border:2px dashed #667eea4d;border-radius:.75rem;box-shadow:0 2px 8px #667eea14;color:#7c6ba3;font-size:1.1rem;padding:2.5rem 1.5rem;text-align:center}.dark .canvas-empty{background:#1f2937;border:2px dashed #4b5563;box-shadow:0 1px 3px #0000004d;color:#6b7280}.canvas-fields{display:flex;flex-direction:column;gap:.75rem;position:relative}@keyframes fieldSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes dragHoverPulse{0%,to{box-shadow:0 8px 20px #667eea33}50%{box-shadow:0 12px 28px #667eea4d}}@keyframes dragHoverPulseDark{0%,to{box-shadow:0 8px 20px #818cf833}50%{box-shadow:0 12px 28px #818cf84d}}.canvas-field:not([data-existing=true]){animation:fieldSlideIn .3s ease-out}.canvas-field{background:#939393;border:1px solid #3c40431f;border-radius:.5rem;box-shadow:0 1px 4px #0b0c0d0f;cursor:pointer;padding:.75rem;position:relative;transition:all .22s cubic-bezier(.4,0,.2,1);z-index:1}.dark .canvas-field{background:#1f2937;border:2px solid #374151;box-shadow:0 1px 3px #0006}.canvas-field:hover{background:#939393;border-color:#3c404329;box-shadow:0 6px 18px #0b0c0d14;transform:translateY(-2px)}.canvas-fields .canvas-field:hover,.canvas-fields .canvas-field:hover .field-header,.canvas-fields .canvas-field:hover .field-label,.canvas-fields .canvas-field:hover .preview-input,.canvas-fields .canvas-field:hover .preview-select,.canvas-fields .canvas-field:hover .preview-textarea{background:#939393;color:inherit}.canvas-field .preview-input,.canvas-field .preview-input-file,.canvas-field .preview-select,.canvas-field .preview-textarea{background:#7f8588;border:1px solid #0b0c0d14;color:#0f172a}.canvas-field.dragging{transition:none!important}.canvas-field.drop-target{background:#667eea12;border-color:#667eea99;transform:scale(1.02)}.drop-zone{margin:4px 0;transition:all .2s ease-out}.drop-zone.hidden{height:0;margin:0;opacity:0}.drop-zone.visible{background:#667eea0d;border:2px dashed #667eea4d;height:40px;opacity:1}.drop-zone.active{background:#667eea26;border-color:#667eea;height:60px}.drop-zone-indicator{align-items:center;color:#667eea;display:flex;font-size:14px;font-weight:500;height:100%;justify-content:center}.dark .canvas-field:hover{border-color:#4b5563;box-shadow:0 4px 12px #00000080}.canvas-field.selected{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.dark .canvas-field.selected{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.canvas-field.dragging{border-color:#667eea;box-shadow:0 8px 25px #667eea4d;cursor:grabbing!important;opacity:.4;transform:rotate(2deg) scale(1.05);z-index:1000}.dark .canvas-field.dragging{border-color:#818cf8;box-shadow:0 8px 25px #818cf84d}.canvas-field.drag-hover{animation:dragHoverPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#667eea08,#b482fa08);border-color:#667eea;transform:translateY(-4px) scale(1.02)}.dark .canvas-field.drag-hover{animation:dragHoverPulseDark 1.5s ease-in-out infinite;background:linear-gradient(135deg,#818cf80d,#b482fa0d);border-color:#818cf8}.canvas-field:not(.dragging){transition:all .3s cubic-bezier(.4,0,.2,1)}.canvas-field.layout-animating{transform-origin:center;transition:all .4s cubic-bezier(.25,.46,.45,.94)!important}.field-drag{border-radius:.25rem;padding:.25rem;transition:all .2s ease}.field-drag:hover{background:#667eea1a;color:#667eea}.preview-input,.preview-input-file,.preview-select,.preview-textarea{background:#f7fafceb;border:1px solid #0f172a0f;color:#0f172a}.preview-select{border-radius:.375rem;padding:.5rem .75rem}.dark .field-drag:hover{background:#818cf81a;color:#818cf8}.field-drag:active{background:#667eea33}.dark .field-drag:active{background:#818cf833}.canvas-field.dragging{opacity:.5}.field-header{gap:.5rem;margin-bottom:.5rem}.field-drag,.field-header{align-items:center;display:flex}.field-drag{color:#9ca3af;cursor:grab}.field-drag:active{cursor:grabbing}.field-label{align-items:center;display:flex;flex:1 1;gap:.5rem}.dark .field-label{color:#d1d5db}.multi-select-badge{background:#fce7f3;border-radius:.25rem;color:#be185d;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.dark .multi-select-badge{background:#831843;color:#fbcfe8}.field-delete{border-radius:.25rem;color:#9ca3af;padding:.25rem;transition:all .2s}.field-delete:hover{background:#fee2e2;color:#ef4444}.dark .field-delete:hover{background:#7f1d1d;color:#fca5a5}.field-preview{pointer-events:none}.preview-input,.preview-select,.preview-textarea{background:#f7fafceb;border:1px solid #0f172a0f;border-radius:.375rem;font-size:.875rem;padding:.625rem .875rem;width:100%}.dark .preview-input,.dark .preview-select,.dark .preview-textarea{background:#111827;border:1px solid #4b5563;color:#d1d5db}.preview-textarea{font-family:inherit;resize:vertical}.preview-checkbox-group,.preview-radio-group{display:flex;flex-direction:column;gap:.375rem}.preview-fullname-group{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr 1fr}.preview-fullname-field{display:flex;flex-direction:column;gap:.25rem}.preview-fullname-field label{color:#6b7280;font-size:.75rem;font-weight:500;margin-bottom:.125rem}.dark .preview-fullname-field label{color:#9ca3af}.preview-file-upload{display:flex;flex-direction:column;gap:.375rem}.preview-input-file{background:#f9fafb;border:2px dashed #d1d5db;border-radius:.5rem;color:#6b7280;cursor:not-allowed;font-size:.875rem;padding:.5rem}.preview-signature{display:flex;flex-direction:column;gap:.375rem}.preview-signature-canvas{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:.5rem;cursor:not-allowed;display:flex;height:120px;justify-content:center;width:100%}.dark .preview-signature-canvas{background:#111827;border:2px solid #4b5563}.preview-signature-placeholder{color:#9ca3af;font-size:.875rem;font-style:italic}.dark .preview-input-file{background:#1f2937;border-color:#4b5563;color:#9ca3af}.preview-file-hint{color:#9ca3af;font-size:.75rem;font-style:italic}.dark .preview-file-hint{color:#6b7280}.preview-checkbox,.preview-radio{align-items:center;color:#374151;display:flex;font-size:.875rem;gap:.5rem}.dark .preview-checkbox,.dark .preview-radio{color:#d1d5db}.preview-heading{color:#374151;font-size:1.25rem;margin:0}.preview-upn{display:flex;gap:.5rem}.preview-upn .upn-input{box-sizing:border-box;flex:0 0 60%;min-width:120px}.preview-upn .upn-select{box-sizing:border-box;flex:0 0 40%;max-width:220px}.dark .preview-heading{color:#f3f4f6}.form-canvas.drop-active{background:linear-gradient(135deg,#667eea1a,#b482fa1a)}.canvas-empty.drop-target{background:#667eea0d;border-color:#667eea;color:#667eea;transform:scale(1.02)}.dark .canvas-empty.drop-target{background:#818cf81a;border-color:#818cf8;color:#818cf8}.drop-zone{background:#0000;border-radius:4px;height:0;margin:0;overflow:hidden;position:relative;transition:all .2s ease}.drop-zone-active{align-items:center;background:linear-gradient(135deg,#667eea1a,#b482fa1a);border:2px dashed #667eea;display:flex;height:50px;justify-content:center;margin:.75rem 0}.drop-zone:hover{background:linear-gradient(135deg,#667eea0d,#b482fa0d);border:1px dashed #667eea4d}.drop-zone:before{background:#667eea33;border-radius:1px;content:"";height:2px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:60px}.drop-zone:hover:before{opacity:1}.drop-zone-visible{background:linear-gradient(135deg,#667eea08,#b482fa08);border:1px dashed #667eea33;height:20px;margin:.5rem 0}.drop-zone-visible:before{opacity:.5}.drop-indicator{color:#667eea;font-size:.875rem;font-weight:500}.dark .drop-zone-active{background:#818cf81a;border-color:#818cf8}.dark .drop-indicator{color:#818cf8}.dark .drop-zone:hover{background:linear-gradient(135deg,#818cf80d,#b482fa0d);border:1px dashed #818cf84d}.dark .drop-zone:before{background:#818cf833}.dark .drop-zone-visible{background:linear-gradient(135deg,#818cf808,#b482fa08);border:1px dashed #818cf833}.preview-recaptcha{align-items:center;background:#0003;border:1px solid #818cf833;border-radius:.5rem;display:flex;justify-content:center;padding:1.5rem}.recaptcha-placeholder{align-items:center;background:#818cf81a;border:1px solid #818cf84d;border-radius:.375rem;color:#9ca3af;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:1rem 1.5rem}.dark .recaptcha-placeholder{background:#818cf80d;border-color:#818cf833;color:#d1d5db}.preview-address{display:flex;flex-direction:column;gap:.75rem}.preview-address-field{display:flex;flex-direction:column;gap:.375rem}.preview-address-label{color:#0f172a;font-size:.875rem;font-weight:500}.dark .preview-address-label{color:#e5e7eb}.preview-address-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr 1fr}@media (max-width:768px){.preview-address-row{grid-template-columns:1fr}}.property-panel{background:linear-gradient(180deg,#f0e6fab3,#e6f0fab3);border-left:1px solid #667eea26;box-shadow:inset 2px 0 6px #667eea0d;overflow-y:auto}.dark .property-panel{background:#0a0e14;border-left:1px solid #374151;box-shadow:inset 1px 0 3px #0000004d}.panel-header{align-items:center;background:#93939380;border-bottom:1px solid #667eea26;display:flex;justify-content:space-between;padding:1rem}.dark .panel-header{background:#1f2937;border-bottom:1px solid #374151}.panel-header h3{color:#374151;font-size:1.125rem}.dark .panel-header h3{color:#f3f4f6}.btn-save-component{background:#111827;border:1px solid #ffffff14;border-radius:.375rem;box-shadow:0 1px 0 #00000014;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem .75rem;transition:transform .08s ease,box-shadow .12s ease,background .12s ease}.btn-save-component:hover{background:#0f1724;box-shadow:0 4px 14px #11182740;transform:translateY(-1px)}.btn-save-component:active{transform:translateY(0)}.dark .btn-save-component{background:#10b981;border:1px solid #10b98126;color:#042007}.dark .btn-save-component:hover{background:#059669}.panel-header>div{align-items:center;display:flex}.panel-empty{color:#9ca3af;padding:1.5rem 1rem}.dark .panel-empty{color:#6b7280}.panel-content{padding:1rem}.property-group{margin-bottom:1rem}.property-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.dark .property-group label{color:#d1d5db}.property-group small{color:#6b7280;display:block;font-size:.75rem;margin-top:.25rem}.dark .property-group small{color:#9ca3af}.property-input,.property-select{background:#939393cc;border:1px solid #667eea40;border-radius:.375rem;font-size:.875rem;padding:.625rem .875rem;pointer-events:auto;position:relative;transition:all .2s;width:100%;z-index:50}.dark .property-input,.dark .property-select{background:#1f2937;border:1px solid #4b5563;color:#d1d5db}.property-input:focus,.property-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.checkbox-label{margin-bottom:0!important}.options-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.btn-add-option{align-items:center;background:#667eea;border-radius:.375rem;color:#fff;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.375rem .75rem;transition:all .2s}.btn-add-option:hover{background:#5568d3}.options-list{display:flex;flex-direction:column;gap:.375rem}.option-item{grid-gap:.375rem;align-items:center;display:grid;gap:.375rem;grid-template-columns:1fr 1fr auto;min-width:0}.option-input{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;min-width:0;padding:.5rem;width:100%}.dark .option-input{background:#1f2937;border:1px solid #4b5563;color:#d1d5db}.option-input:focus{border-color:#667eea;outline:none}.btn-delete-option{border-radius:.375rem;color:#9ca3af;padding:.5rem;transition:all .2s}.btn-delete-option:hover{background:#fee2e2;color:#ef4444}.dark .btn-delete-option:hover{background:#7f1d1d;color:#fca5a5}.no-options{color:#9ca3af;font-size:.875rem;padding:1rem;text-align:center}.dark .no-options{color:#6b7280}.btn-webhook-test{align-items:center;background:#10b981;border-radius:.375rem;color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.75rem;transition:all .2s;width:100%}.btn-webhook-test:hover:not(:disabled){background:#059669}.btn-webhook-test:disabled{cursor:not-allowed;opacity:.6}.webhook-error{background:#fee2e2;border-radius:.375rem;color:#dc2626;font-size:.875rem;margin-top:.5rem;padding:.75rem}.dark .webhook-error{background:#7f1d1d;color:#fca5a5}.security-notice{background:linear-gradient(135deg,#10b9811a,#06b6d41a);border:1px solid #10b98133;border-radius:.5rem;margin-top:2rem;padding:1rem}.dark .security-notice{background:#10b9810d;border:1px solid #10b98126}.security-notice h4{align-items:center;color:#059669;display:flex;font-size:.875rem;font-weight:600;gap:.25rem;margin:0 0 .5rem}.dark .security-notice h4{color:#34d399}.security-notice p{color:#065f46;font-size:.75rem;line-height:1.4;margin:0}.dark .security-notice p{color:#a7f3d0}.close-button{align-items:center;border-radius:.25rem;display:flex;justify-content:center;padding:.25rem;transition:all .2s}.close-button:hover{background:#6b72801a}.dark .close-button:hover{background:#9ca3af1a}.panel-tabs{display:flex;gap:.25rem;width:100%}.panel-tab{color:#6b7280;flex:1 1;font-size:.875rem;padding:.5rem .75rem;transition:all .2s}.panel-tab:hover:not(:disabled){background:#667eea0d;color:#374151}.panel-tab.active{color:#667eea}.panel-tab:disabled{cursor:not-allowed;opacity:.5}.dark .panel-tab{color:#9ca3af}.dark .panel-tab:hover:not(:disabled){background:#667eea1a;color:#f3f4f6}.dark .panel-tab.active{background:#93c5fd1a;border-bottom-color:#93c5fd;color:#93c5fd}.css-editor{background:#ffffffe6;border:1px solid #667eea40;min-height:400px}.webhook-json-picker-backdrop{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1200}.webhook-json-picker-modal{align-items:stretch;background:#0b1220;background:var(--surface,#0b1220);border-radius:8px;color:#e6eef8;color:var(--text,#e6eef8);display:flex;gap:12px;height:auto;max-height:80vh;max-width:95%;padding:12px;width:900px}.wjp-left,.wjp-right{flex:1 1;max-height:calc(80vh - 56px);overflow:auto}.wjp-json-tree{border:1px solid #0f172a0f;border-radius:4px;font-family:monospace;font-size:13px;padding:8px}.json-key{background:#0f172a08;border-radius:4px;cursor:grab;display:inline-block;margin-right:6px;padding:2px 6px}.json-entry{align-items:flex-start;display:flex;gap:8px;margin-bottom:6px}.json-value{color:#0f172ab3}.wjp-dropzone{border-radius:6px;min-height:120px;padding:8px}.wjp-input{background:#9393930f;border:1px solid #3c404314;border-radius:4px;color:inherit;padding:8px;width:100%}.btn{background:#2563eb;border-radius:4px;color:#fff;padding:6px 12px}.btn-secondary{border:1px solid #0f172a0f;color:inherit}.wjp-preview pre{background:#0000002e;border-radius:4px;max-height:160px;overflow:auto;padding:8px}.json-array,.json-primitive{color:#9ca3af}.json-ellipsis{color:#0f172a73;font-style:italic}@media (max-width:700px){.webhook-json-picker-modal{flex-direction:column;width:96%}.wjp-left,.wjp-right{max-height:none}}.webhook-json-picker-modal{box-shadow:0 8px 30px #02061799}.wjp-left,.wjp-right{background:#9393930f;border-radius:6px;padding:10px}.wjp-right{display:flex;flex-direction:column}.wjp-section-title{color:#1f6fd6;font-size:14px;margin:0 0 8px}.wjp-hint{color:#0f172a8c;font-size:12px;margin-top:8px}.json-key{background:#2563eb1f;border:1px solid #2563eb2e;color:#dbeafe}.json-value{background:#10b98108;border-radius:4px;color:#d1fae5;padding:2px 6px}.wjp-json-tree{background:#0206171f;border:1px solid #0f172a0a}.wjp-dropzone{background:linear-gradient(180deg,#0f172a03,rgba(15,23,42,.005));border:1px dashed #0f172a0f}.wjp-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.variable-autocomplete-wrapper{position:relative;width:100%}.variable-autocomplete-input{border:1px solid #d1d5db;border-radius:.375rem;font-family:inherit;font-size:.875rem;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s;width:100%}.variable-autocomplete-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.dark .variable-autocomplete-input{background:#374151;border-color:#4b5563;color:#f3f4f6}.dark .variable-autocomplete-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.variable-suggestions{background:#fff;border:1px solid #d1d5db;border-radius:0 0 .375rem .375rem;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dark .variable-suggestions{background:#1f2937;border-color:#4b5563}.suggestion-item{border-bottom:1px solid #e5e7eb;padding:.75rem;transition:background-color .15s}.dark .suggestion-item{border-bottom-color:#374151}.suggestion-item.selected,.suggestion-item:hover{background-color:#f3f4f6}.dark .suggestion-item.selected,.dark .suggestion-item:hover{background-color:#374151}.suggestion-name{font-weight:600;margin-bottom:.25rem}.suggestion-name code{background:#f3f4f6;border-radius:.25rem;color:#667eea;font-family:Monaco,Courier New,monospace;font-size:.8rem;padding:.125rem .375rem}.dark .suggestion-name code{background:#111827;color:#a5b4fc}.suggestion-details{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:.5rem;margin-bottom:.25rem}.dark .suggestion-details{color:#9ca3af}.suggestion-value{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-source{background:#dbeafe;border-radius:.25rem;color:#1e40af;font-size:.7rem;font-weight:500;padding:.125rem .375rem}.dark .suggestion-source{background:#1e3a8a;color:#93c5fd}.suggestion-description{color:#9ca3af;font-size:.75rem;font-style:italic;margin-top:.25rem}.dark .suggestion-description{color:#6b7280}.variable-suggestions::-webkit-scrollbar{width:6px}.variable-suggestions::-webkit-scrollbar-track{background:#0000}.variable-suggestions::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.variable-suggestions::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dark .variable-suggestions::-webkit-scrollbar-thumb{background:#4b5563}.dark .variable-suggestions::-webkit-scrollbar-thumb:hover{background:#6b7280}.variable-resolved-preview{background:linear-gradient(135deg,#3b82f614,#8b5cf614);border-left:3px solid #3b82f6;border-radius:4px;font-size:.85rem;margin-top:6px;padding:8px 10px}.preview-label{color:#6b7280;display:block;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.preview-text{color:#1f2937;font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.4;white-space:pre-wrap;word-break:break-word}@media (prefers-color-scheme:dark){.variable-resolved-preview{background:linear-gradient(135deg,#3b82f626,#8b5cf626);border-left-color:#60a5fa}.preview-label{color:#9ca3af}.preview-text{color:#f3f4f6}}.page-manager{align-items:center;background:#2d3748;border-bottom:1px solid #4a5568;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;padding:.75rem 1rem}.page-tabs{flex:1 1;flex-direction:row;overflow-x:auto}.page-tab,.page-tabs{align-items:center;display:flex;gap:.5rem}.page-tab{background:#374151;border:1px solid #4b5563;border-radius:6px;min-width:-webkit-fit-content;min-width:fit-content;overflow:hidden;padding:0;transition:all .2s ease;white-space:nowrap}.page-tab:hover{background:#4b5563;border-color:#60a5fa}.page-tab.active{background:#3b82f6;border-color:#3b82f6}.page-tab-button{align-items:center;background:none;border:none;color:#d1d5db;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;padding:.625rem 1rem;text-align:left}.page-tab.active .page-tab-button{color:#fff}.page-title{flex:1 1;text-align:left}.page-title-input{background:#9393931a;border:2px solid #60a5fa;border-radius:4px;color:#fff;flex:1 1;font-size:.875rem;font-weight:500;margin:.125rem .5rem;min-width:100px;outline:none;padding:.5rem .75rem}.page-title-input:focus{background:#93939326;border-color:#93c5fd}.btn-delete-page{align-items:center;background:none;border:none;color:currentColor;color:#d1d5db;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;opacity:.7;padding:.625rem .5rem;transition:opacity .2s ease}.page-tab.active .btn-delete-page{color:#fff}.btn-delete-page:hover{background:#9393931a;opacity:1}.btn-add-page{align-items:center;background:#374151;border:1px dashed #4b5563;border-radius:6px;color:#d1d5db;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s ease;white-space:nowrap}.btn-add-page:hover{background:#4b5563;border-color:#60a5fa;color:#60a5fa}.page-info{color:#9ca3af;font-size:.875rem;white-space:nowrap}.form-settings-modal-backdrop{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.form-settings-modal{background:#939393;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 40px #0003;max-height:90vh;max-width:700px;overflow:hidden;width:90%}.dark .form-settings-modal{background:#1f2937;border:1px solid #374151}.form-settings-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.dark .form-settings-modal-header{border-bottom:1px solid #374151}.form-settings-modal-header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.dark .form-settings-modal-header h2{color:#f9fafb}.form-settings-modal-close{align-items:center;background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.form-settings-modal-close:hover{background:#9393930f;color:#374151}.dark .form-settings-modal-close{color:#9ca3af}.dark .form-settings-modal-close:hover{background:#374151;color:#f3f4f6}.form-settings-tabs{background:#9393930a;border-bottom:1px solid #e5e7eb;display:flex}.dark .form-settings-tabs{background:#111827;border-bottom:1px solid #374151}.settings-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;flex:1 1;font-size:.9375rem;font-weight:500;padding:1rem 1.5rem;transition:all .2s}.settings-tab:hover{background:#667eea0d;color:#374151}.settings-tab.active{background:#9393930f;border-bottom-color:#667eea;color:#667eea}.dark .settings-tab{color:#9ca3af}.dark .settings-tab:hover{background:#667eea1a;color:#f3f4f6}.dark .settings-tab.active{background:#1f2937;border-bottom-color:#93c5fd;color:#93c5fd}.form-settings-modal-body{max-height:calc(90vh - 200px);overflow-y:auto;padding:1.5rem}.form-group small{font-size:.8125rem;line-height:1.4;margin-top:.25rem}.settings-input,.settings-select,.settings-textarea{background:#9393930a;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;font-family:inherit;font-size:.875rem;padding:.625rem .875rem;transition:all .2s;width:100%}.dark .settings-input,.dark .settings-select,.dark .settings-textarea{background:#374151;border-color:#4b5563;color:#f3f4f6}.settings-input:focus,.settings-select:focus,.settings-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.dark .settings-input:focus,.dark .settings-select:focus,.dark .settings-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.settings-textarea{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;resize:vertical}.checkbox-label{color:#374151;font-size:.875rem}.dark .checkbox-label{color:#f3f4f6}.checkbox-label input[type=checkbox]{height:1rem;width:1rem}.css-editor{background:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;color:#1f2937;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:.875rem;line-height:1.6;min-height:450px;padding:1rem;resize:vertical;transition:all .2s;width:100%}.dark .css-editor{background:#111827;border:1px solid #4b5563;color:#f3f4f6}.css-editor:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.css-editor::placeholder{color:#9ca3af;font-style:italic}.dark .css-editor::placeholder{color:#6b7280}.settings-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;margin-top:1.5rem;padding:1rem}.dark .settings-info{background:#1e3a5f;border:1px solid #1e40af}.settings-info p{color:#1e40af;font-size:.8125rem;line-height:1.5;margin:0}.dark .settings-info p{color:#93c5fd}.settings-info strong{color:#1e3a8a}.dark .settings-info strong{color:#bfdbfe}.form-settings-modal-footer{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.dark .form-settings-modal-footer{background:#111827;border-top:1px solid #374151}.btn-cancel,.btn-save{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.625rem 1.25rem;transition:all .2s}.btn-cancel{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.dark .btn-cancel{background:#374151;border:1px solid #4b5563;color:#f3f4f6}.btn-cancel:hover{background:#e5e7eb}.dark .btn-cancel:hover{background:#4b5563}.btn-save{background:#667eea;border:1px solid #667eea;color:#fff}.btn-save:hover:not(:disabled){background:#5568d3;border-color:#5568d3}.btn-save:disabled{background:#9ca3af;border-color:#9ca3af;color:#e5e7eb;cursor:not-allowed}.dark .btn-save{background:#667eea;border-color:#667eea}.dark .btn-save:disabled{background:#4b5563;border-color:#4b5563;color:#6b7280}.save-confirmation{align-items:center;color:#10b981;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-right:auto}.dark .save-confirmation{color:#34d399}.links-actions{margin-bottom:1.5rem}.generating-message,.links-actions .btn-primary{align-items:center;display:flex;gap:.5rem}.generating-message{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;color:#0c4a6e;margin-bottom:1.5rem;padding:1rem}.dark .generating-message{background:#0c4a6e;border:1px solid #0ea5e9;color:#bae6fd}.tenant-links-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;max-height:400px;overflow-y:auto}.dark .tenant-links-list{background:#374151;border:1px solid #374151}.tenant-link-item{border-bottom:1px solid #e5e7eb;padding:1rem;transition:background-color .2s}.dark .tenant-link-item{border-bottom:1px solid #4b5563}.tenant-link-item:last-child{border-bottom:none}.tenant-link-item.inactive{background:#f3f4f6;opacity:.6}.dark .tenant-link-item.inactive{background:#2d3748}.tenant-link-item.expired{background:#fef2f2;border-left:4px solid #f87171}.dark .tenant-link-item.expired{background:#451a1a;border-left:4px solid #dc2626}.tenant-info h4{color:#111827;font-size:1rem;font-weight:600;margin:0 0 .5rem}.dark .tenant-info h4{color:#f9fafb}.tenant-description{color:#6b7280;font-size:.875rem;margin:0 0 .75rem}.dark .tenant-description{color:#9ca3af}.token-status{display:flex;gap:.5rem;margin-bottom:.75rem}.status-badge{font-size:.75rem;padding:.25rem .5rem}.dark .status-badge.active{color:#10b981}.status-badge.inactive{background:#f3f4f6;color:#6b7280}.dark .status-badge.inactive{background:#374151;color:#9ca3af}.status-badge.valid{background:#dbeafe;color:#1e40af}.dark .status-badge.valid{background:#1e3a8a;color:#60a5fa}.status-badge.expired{background:#fee2e2;color:#991b1b}.dark .status-badge.expired{background:#7f1d1d;color:#f87171}.tenant-link{gap:1rem;justify-content:space-between}.link-display,.tenant-link{align-items:center;display:flex}.link-display{flex:1 1;gap:.5rem;min-width:0}.link-text{background:#f3f4f6;border-radius:4px;color:#374151;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;padding:.5rem;word-break:break-all}.dark .link-text{background:#4b5563;color:#e5e7eb}.link-actions{display:flex;gap:.5rem}.btn-icon{background:#fff;border-radius:6px;font-size:.75rem;min-width:auto}.dark .btn-icon{border:1px solid #4b5563;color:#e5e7eb}.btn-icon:hover:not(:disabled){border-color:#9ca3af}.dark .btn-icon:hover:not(:disabled){background:#4b5563;border-color:#6b7280}.btn-icon.btn-danger{color:#dc2626}.btn-icon.btn-danger:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.dark .btn-icon.btn-danger:hover:not(:disabled){background:#451a1a;border-color:#dc2626}.no-tokens{color:#6b7280;padding:2rem;text-align:center}.dark .no-tokens{color:#9ca3af}.loading-container{color:#6b7280;padding:2rem;text-align:center}.dark .loading-container{color:#9ca3af}@media (max-width:768px){.form-settings-modal{max-width:none;width:95%}.form-settings-modal-body,.form-settings-modal-footer,.form-settings-modal-header{padding:1rem}.settings-tab{font-size:.875rem;padding:.75rem 1rem}.css-editor{font-size:.8125rem;min-height:300px}.tenant-link{align-items:stretch;flex-direction:column;gap:.75rem}.link-actions{justify-content:center}}.assignments-container{display:flex;flex-direction:column;gap:1.5rem}.loading-state{font-size:.9375rem;padding:3rem}.assignments-container .empty-state{align-items:center;background:#f9fafb;border-radius:.75rem;display:flex;flex-direction:column;gap:1rem;padding:3rem 2rem;text-align:center}.dark .assignments-container .empty-state{background:#111827}.assignments-container .empty-state svg{color:#d1d5db}.dark .assignments-container .empty-state svg{color:#4b5563}.assignments-container .empty-state p{color:#374151;font-size:.9375rem;margin:0}.dark .assignments-container .empty-state p{color:#d1d5db}.groups-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding:.5rem}.group-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:.75rem;padding:1rem}.dark .group-item{background:#111827;border-color:#374151}.group-item:hover{background:#f3f4f6;border-color:#d1d5db}.dark .group-item:hover{background:#1f2937;border-color:#4b5563}.group-checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:.75rem}.group-checkbox-label input[type=checkbox]{cursor:pointer;flex-shrink:0;height:1.125rem;margin-top:.125rem;width:1.125rem}.group-details{display:flex;flex:1 1;flex-direction:column;gap:.375rem}.group-name{color:#111827;font-size:.9375rem}.dark .group-name{color:#f3f4f6}.group-stats{color:#6b7280;font-size:.8125rem}.dark .group-stats{color:#9ca3af}.settings-tab svg{margin-right:.375rem}.settings-tab{align-items:center;display:flex;justify-content:center}.confirmation-modal{animation:slideIn .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:500px;overflow:hidden;width:90%}.dark .confirmation-modal{background:#1f2937;border:1px solid #374151}.confirmation-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.dark .confirmation-modal-header{border-bottom:1px solid #374151}.confirmation-modal-header h3{align-items:center;color:#dc2626;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.dark .confirmation-modal-header h3{color:#ef4444}.confirmation-modal-body{padding:1.5rem}.confirmation-modal-body p{color:#4b5563;line-height:1.6;margin:0 0 1rem}.dark .confirmation-modal-body p{color:#d1d5db}.confirmation-modal-body p:last-child{margin-bottom:0}.confirmation-modal-body p strong{color:#dc2626;font-weight:600}.dark .confirmation-modal-body p strong{color:#ef4444}.confirmation-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.dark .confirmation-modal-footer{background:#111827;border-top:1px solid #374151}.btn-danger{background:#dc2626;border:none;border-radius:8px;cursor:pointer;font-size:.9375rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.btn-danger:hover{background:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.btn-danger:active{transform:translateY(0)}.dark .btn-danger{background:#ef4444}.dark .btn-danger:hover{background:#dc2626}.revision-modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.revision-modal{animation:slideUp .3s ease-out;background:#939393;border-radius:12px;box-shadow:0 20px 30px #0003;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.dark .revision-modal{background:#1f2937}.revision-modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.dark .revision-modal-header{background:linear-gradient(135deg,#1f2937,#111827);border-bottom:1px solid #374151}.revision-modal-header h2{align-items:center;color:#111827;display:flex;font-size:1.25rem;font-weight:600;gap:8px;margin:0}.dark .revision-modal-header h2{color:#f9fafb}.revision-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.revision-modal-close:hover{color:#374151}.dark .revision-modal-close{color:#9ca3af}.dark .revision-modal-close:hover{color:#f3f4f6}.revision-modal-body{max-height:70vh;overflow-y:auto;padding:0}.revision-loading{color:#6b7280;padding:40px;text-align:center}.dark .revision-loading{color:#9ca3af}.revision-loading p{font-size:14px;margin:12px 0 0}.revision-empty{color:#6b7280;padding:60px 40px;text-align:center}.dark .revision-empty{color:#9ca3af}.revision-empty h3{color:#374151;font-size:18px;margin:16px 0 8px}.dark .revision-empty h3{color:#f3f4f6}.revision-empty p{font-size:14px;line-height:1.5;margin:0}.revision-groups{padding:16px 0}.revision-group{margin-bottom:32px}.revision-group:last-child{margin-bottom:16px}.revision-group-title{color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;padding:0 24px;text-transform:uppercase}.dark .revision-group-title{color:#f3f4f6}.revision-list{display:flex;flex-direction:column}.revision-item{align-items:center;border-left:3px solid #0000;display:flex;gap:12px;padding:12px 24px;transition:background-color .2s}.revision-item:hover{background:#f8fafc;border-left-color:#3b82f6}.dark .revision-item:hover{background:#374151}.revision-icon{align-items:center;background:#e0f2fe;border-radius:50%;color:#0891b2;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.revision-item:hover .revision-icon{background:#3b82f6;color:#fff}.dark .revision-icon{background:#1e40af;color:#60a5fa}.revision-info{flex:1 1;min-width:0}.revision-summary{color:#111827;font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .revision-summary{color:#f3f4f6}.revision-meta{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:8px}.dark .revision-meta{color:#9ca3af}.revision-time,.revision-type{font-weight:500}.revision-type{background:#f3f4f6;border-radius:4px;color:#374151;font-size:11px;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.dark .revision-type{background:#4b5563;color:#d1d5db}.revision-version{color:#8b5cf6;font-weight:600}.dark .revision-version{color:#a78bfa}.revision-actions{display:flex;flex-shrink:0;gap:8px}.revision-view-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s}.revision-view-btn:hover{background:#10b981;border-color:#10b981;color:#fff;transform:translateY(-1px)}.dark .revision-view-btn{background:#374151;border-color:#4b5563;color:#d1d5db}.dark .revision-view-btn:hover{background:#10b981;border-color:#10b981}.revision-restore-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s}.revision-restore-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:translateY(-1px)}.dark .revision-restore-btn{background:#374151;border-color:#4b5563;color:#d1d5db}.dark .revision-restore-btn:hover{background:#3b82f6;border-color:#3b82f6}.preview-modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.preview-modal{animation:slideUp .3s ease-out;background:#9393930f;border-radius:12px;box-shadow:0 25px 40px #0000004d;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.dark .preview-modal{background:#1f2937}.preview-modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.dark .preview-modal-header{background:linear-gradient(135deg,#1f2937,#111827);border-bottom:1px solid #374151}.preview-modal-header h3{color:#111827;font-size:1.1rem;font-weight:600;margin:0}.dark .preview-modal-header h3{color:#f3f4f6}.preview-modal-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s}.preview-modal-close:hover{background:#f3f4f6;color:#374151}.dark .preview-modal-close{color:#9ca3af}.dark .preview-modal-close:hover{background:#374151;color:#f3f4f6}.preview-modal-body{max-height:calc(90vh - 140px);overflow-y:auto;padding:24px}.preview-meta{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:16px}.dark .preview-meta{background:#374151;border-color:#4b5563}.preview-meta-item{color:#374151;font-size:14px;margin-bottom:8px}.dark .preview-meta-item{color:#d1d5db}.preview-meta-item:last-child{margin-bottom:0}.preview-section{margin-bottom:24px}.preview-section h4{color:#111827;font-size:16px;font-weight:600;margin:0 0 12px}.dark .preview-section h4{color:#f3f4f6}.preview-value{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;margin:0;padding:12px}.dark .preview-value{background:#1f2937;border-color:#374151;color:#d1d5db}.preview-fields{display:flex;flex-direction:column;gap:8px}.preview-field{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:12px;padding:8px 12px}.dark .preview-field{background:#1f2937;border-color:#374151}.preview-field-type{background:#3b82f6;border-radius:4px;color:#fff;font-size:11px;font-weight:500;letter-spacing:.3px;min-width:60px;padding:2px 8px;text-align:center;text-transform:uppercase}.preview-field-label{color:#374151;flex:1 1;font-size:14px}.dark .preview-field-label{color:#d1d5db}.preview-field-required{background:#ef4444;border-radius:3px;color:#fff;font-size:10px;font-weight:500;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.preview-empty{color:#6b7280;font-size:14px;font-style:italic;margin:0}.dark .preview-empty{color:#9ca3af}.preview-submission p{color:#374151;font-size:14px;margin:0 0 8px}.dark .preview-submission p{color:#d1d5db}.preview-submission p:last-child{margin-bottom:0}.preview-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px}.dark .preview-modal-actions{border-top-color:#374151}.preview-cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.preview-cancel-btn:hover{background:#e5e7eb}.dark .preview-cancel-btn{background:#374151;border-color:#4b5563;color:#d1d5db}.dark .preview-cancel-btn:hover{background:#4b5563}.preview-restore-btn{align-items:center;background:#3b82f6;border:1px solid #3b82f6;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.preview-restore-btn:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-1px)}@media (max-width:640px){.revision-modal{margin:1rem;width:95%}.revision-group-title,.revision-groups,.revision-item,.revision-modal-header{padding-left:16px;padding-right:16px}.preview-modal{margin:1rem;width:95%}.preview-modal-body{padding:16px}.revision-actions{flex-direction:column;gap:4px}.revision-restore-btn,.revision-view-btn{justify-content:center;width:100%}}.variable-tooltip-text{display:inline;position:relative}.variable-reference{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.25rem;color:#fff;cursor:help;display:inline-block;font-family:Monaco,Courier New,monospace;font-size:.9em;font-weight:500;padding:.125rem .375rem;position:relative;transition:all .2s}.variable-reference:hover{box-shadow:0 2px 8px #667eea66;transform:translateY(-1px)}.dark .variable-reference{background:linear-gradient(135deg,#667eea,#764ba2)}.variable-tooltip{background:#1f2937;border:1px solid #374151;border-radius:.375rem;box-shadow:0 10px 25px #0000004d;color:#f3f4f6;font-family:Monaco,Courier New,monospace;font-size:.875rem;line-height:1.5;padding:.75rem;white-space:nowrap;z-index:10000}.variable-tooltip div{margin:.25rem 0}.variable-tooltip div:first-child{color:#a5b4fc;font-weight:600;margin-top:0}.variable-tooltip div:last-child{color:#9ca3af;font-size:.75rem;margin-bottom:0}.light .variable-tooltip{background:#f9fafb;border-color:#e5e7eb;color:#1f2937}.light .variable-tooltip div:first-child{color:#667eea}.light .variable-tooltip div:last-child{color:#6b7280}.form-builder{background:linear-gradient(180deg,#939393f2,#939393f2);border-radius:1rem;box-shadow:0 8px 30px #0f172a0f;display:flex;flex-direction:column;height:calc(100vh - 120px);overflow:hidden}.dark .form-builder{background:#1f2937;box-shadow:0 1px 3px #0000004d}.builder-header{align-items:center;background:linear-gradient(135deg,#e6f0f599,#f0e6f599);border-bottom:1px solid #667eea26;display:flex;justify-content:space-between;padding:1rem 1.5rem}.dark .builder-header{background:#1f2937;border-bottom:1px solid #374151}.header-left{display:flex;flex:1 1 80%;flex-direction:column;gap:.5rem;margin-right:2rem;max-width:none}.form-description-section,.form-title-section{display:flex;flex-direction:column;gap:.25rem}.form-description-input,.form-name-input{box-sizing:border-box;display:block;width:100%}.form-name-input{height:2.75rem;max-width:none}.form-description-input{height:2.25rem;max-width:none}.header-left .form-description-input,.header-left .form-name-input{margin-left:0;margin-right:auto}.form-name-input{border:2px solid #0000;border-radius:.375rem;color:#374151;font-size:1.5rem;font-weight:600;min-height:3rem;padding:.75rem 1rem;transition:all .2s;width:100%}.dark .form-name-input{background:#0000;color:#f3f4f6}.form-name-input:focus{background:#939393f5;border-color:#667eea;outline:none}.dark .form-name-input:focus{background:#374151}.form-description-input{border:1px solid #0000;border-radius:.375rem;color:#6b7280;font-size:1rem;min-height:2.5rem;padding:.75rem 1rem;transition:all .2s;width:100%}.dark .form-description-input{background:#0000;color:#9ca3af}.form-description-input:focus{background:#939393f5;border-color:#667eea;outline:none}.dark .form-description-input:focus{background:#374151}.header-actions{gap:1rem}.btn{display:flex}.btn-secondary{background:#f8f9fa;border:2px solid #667eea;color:#667eea}.dark .btn-secondary{border:2px solid #818cf8;color:#818cf8}.btn-secondary:hover{background:#e9ecef}.builder-content{display:grid;flex:1 1;grid-template-columns:280px 1fr 380px;overflow:hidden}.canvas-with-pages{display:flex;flex-direction:column;overflow:hidden}.submission-warning-bar{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:1px solid #f59e0b;padding:0}.dark .submission-warning-bar{background:linear-gradient(135deg,#451a03,#78350f);border-bottom:1px solid #d97706}.warning-content{align-items:center;display:flex;gap:.75rem;padding:.75rem 1.5rem}.warning-icon{flex-shrink:0;font-size:1.125rem}.warning-text{color:#92400e;flex:1 1;font-size:.875rem;font-weight:500}.dark .warning-text{color:#fbbf24}.warning-action-btn{background:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.8125rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.dark .warning-action-btn,.warning-action-btn:hover{background:#d97706}.dark .warning-action-btn:hover{background:#b45309}.btn-icon{border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem}.btn-icon:hover{transform:translateY(-1px)}.dark .btn-icon{background:#0000}.dark .btn-icon:hover{background:#374151}.autosave-indicator{align-items:center;animation:pulse 2s infinite;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;color:#059669;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.dark .autosave-indicator{background:#064e3b;border-color:#065f46;color:#34d399}.form-renderer{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding:1rem;width:100%}.renderer-error,.renderer-loading{color:#6b7280;font-size:1.1rem;padding:4rem 2rem;text-align:center}.dark .renderer-loading{color:#9ca3af}.renderer-error{color:#ef4444}.dark .renderer-error{color:#fca5a5}.form-container{background:#1f2937;border-radius:1rem;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;margin:0 auto;max-width:700px;padding:1rem;width:100%}.dark .form-container{background:#1f2937;box-shadow:0 1px 3px #0000004d}.form-header{border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1.5rem}.dark .form-header{border-bottom-color:#374151}.form-header h1{color:#1f2937;font-size:1.75rem;margin-bottom:.5rem}.dark .form-header h1{color:#f3f4f6}.form-description{color:#6b7280;line-height:1.6}.dark .form-description{color:#9ca3af}.form-fields{gap:1rem}.form-field,.form-fields{display:flex;flex-direction:column}.form-field{gap:.5rem}.upn-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.upn-username{box-sizing:border-box;flex:1 1 50%;min-width:160px}.upn-domain,.upn-domain-input{box-sizing:border-box;flex:0 1 30%;min-width:140px}@media (max-width:720px){.upn-wrapper{align-items:stretch;flex-direction:column}.upn-domain,.upn-domain-input,.upn-username{flex:1 1 auto;min-width:0}}.form-field.field-heading{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.dark .form-field.field-heading{border-top-color:#374151}.field-label{color:#374151;font-weight:500}.dark .field-label{color:#f3f4f6}.required{color:#ef4444}.webhook-badge{background:#dbeafe;border-radius:.25rem;color:#1e40af;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.dark .webhook-badge{background:#1e3a8a;color:#93c5fd}.form-input,.form-select,.form-textarea{background:#f6fafcf2;border:2px solid #d1d5db;border-radius:.5rem;color:#1f2937;font-size:.95rem;padding:.625rem .875rem;transition:all .2s;width:100%}.dark .form-input,.dark .form-select,.dark .form-textarea{background:#374151;border-color:#6b7280;color:#f3f4f6}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.dark .form-input:focus,.dark .form-select:focus,.dark .form-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.form-textarea{font-family:inherit;resize:vertical}.dropdown-wrapper{align-items:center;display:flex;gap:.5rem;position:relative}.dropdown-wrapper .form-select{flex:1 1}.btn-refresh{background:#f3f4f6;border-radius:.5rem;color:#6b7280;flex-shrink:0;padding:.75rem;transition:all .2s}.dark .btn-refresh{background:#374151;color:#9ca3af}.btn-refresh:hover:not(:disabled){background:#e5e7eb;color:#374151}.dark .btn-refresh:hover:not(:disabled){background:#4b5563;color:#f3f4f6}.btn-refresh:disabled{cursor:not-allowed;opacity:.5}.btn-refresh-inline{align-items:center;background:#f3f4f6;border-radius:.375rem;color:#6b7280;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;margin-bottom:.5rem;padding:.375rem .75rem;transition:all .2s}.dark .btn-refresh-inline{background:#374151;color:#9ca3af}.btn-refresh-inline:hover:not(:disabled){background:#e5e7eb;color:#374151}.dark .btn-refresh-inline:hover:not(:disabled){background:#4b5563;color:#f3f4f6}.spinning{animation:spin 1s linear infinite}.multi-select-wrapper{position:relative;width:100%}.ms-control{align-items:center;background:#f6fafcf2;border:2px solid #d1d5db;border-radius:.5rem;color:#1f2937;cursor:pointer;display:flex;justify-content:space-between;min-height:44px;padding:.5rem .6rem;width:100%}.dark .ms-control{background:#374151;border-color:#6b7280;color:#f3f4f6}.ms-selected{align-items:center;display:flex;flex:1 1 auto;gap:.5rem;min-height:1.5rem}.ms-placeholder{color:#6b7280}.ms-chips{display:flex}.ms-chip,.ms-chips{align-items:center;gap:.3rem}.ms-chip{background:#f3f4f6;border:1px solid #0000000f;border-radius:999px;color:#1f2937;display:inline-flex;font-size:.85rem;padding:.15rem .4rem}.dark .ms-chip{background:#0b1220;border:1px solid #374151;color:#e6e6e6}.ms-chip-remove{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:1rem;line-height:1}.dark .ms-chip-remove{color:#9ca3af}.ms-caret{color:#6b7280;font-size:.9rem;margin-left:.5rem}.ms-options{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 6px 18px #0000001f;left:0;max-height:220px;overflow:auto;position:absolute;right:0;top:calc(100% + 6px);z-index:40}.dark .ms-options{background:#111827;border-color:#374151;box-shadow:0 6px 18px #00000080}.ms-options-list{display:flex;flex-direction:column}.ms-option{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:.6rem .75rem}.ms-option:hover{background:#f3f4f6}.dark .ms-option:hover{background:#1f2937}.ms-option.selected{background:#764ba20f}.ms-option-label{color:#1f2937}.dark .ms-option-label{color:#f3f4f6}.ms-option-check{color:#764ba2;font-weight:700}.ms-loading{color:#6b7280;font-size:.9rem;margin-top:.5rem}.ms-control-preview{cursor:default}.ms-preview .ms-options{display:none!important}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:.5rem;padding:.25rem}.fullname-group{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr 1fr}.fullname-field{display:flex;flex-direction:column;gap:.25rem}.fullname-field label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.dark .fullname-field label{color:#d1d5db}.file-upload-wrapper{display:flex;flex-direction:column;gap:.5rem}.form-input-file{background:#f9fafb;border:2px dashed #d1d5db;border-radius:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.form-input-file:hover{background:#f3f4f6;border-color:#667eea}.dark .form-input-file{background:#1f2937;border-color:#4b5563;color:#d1d5db}.dark .form-input-file:hover{background:#374151;border-color:#667eea}.file-selected{background:#d1fae5;border-radius:.375rem;color:#059669;font-size:.875rem;padding:.5rem}.dark .file-selected{background:#064e3b;color:#6ee7b7}.signature-wrapper{align-items:center;display:flex;flex-direction:column;gap:.75rem}.signature-disclosure-toggle{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:.375rem;color:#1e40af;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;max-width:500px;padding:.625rem 1rem;text-align:left;transition:all .2s;width:100%}.dark .signature-disclosure-toggle{background:#3b82f614;border-color:#3b82f640;color:#93c5fd}.signature-disclosure-toggle:hover{background:#3b82f626;border-color:#3b82f666}.dark .signature-disclosure-toggle:hover{background:#3b82f61f;border-color:#3b82f659}.disclosure-toggle-icon{color:#3b82f6;font-size:.75rem;transition:transform .2s}.dark .disclosure-toggle-icon{color:#60a5fa}.disclosure-toggle-text{flex:1 1}.signature-disclosure{background:#3b82f60d;border:1px solid #3b82f633;border-radius:.375rem;margin-bottom:.5rem;max-width:500px;padding:1rem;width:100%}.dark .signature-disclosure{background:#3b82f608;border-color:#3b82f626}.disclosure-text{color:#374151;font-size:.875rem;font-weight:600;line-height:1.5;margin:0 0 .75rem}.dark .disclosure-text{color:#e5e7eb}.disclosure-list{color:#374151;font-size:.8125rem;line-height:1.6;margin:.75rem 0;padding-left:1.5rem}.dark .disclosure-list{color:#d1d5db}.disclosure-list li{margin-bottom:.5rem}.disclosure-privacy{border-top:1px solid #3b82f633;color:#6b7280;font-size:.8125rem;line-height:1.5;margin:.75rem 0 0;padding-top:.75rem}.dark .disclosure-privacy{border-top-color:#3b82f626;color:#9ca3af}.signature-canvas{background:#fff;border:2px solid #d1d5db;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:block;max-width:500px;width:100%}.dark .signature-canvas{background:#1f2937;border-color:#4b5563}.signature-timestamp{border-top:1px solid #e5e7eb;color:#6b7280;font-size:.875rem;padding:.75rem 0 .5rem}.dark .signature-timestamp{border-top-color:#4b5563;color:#9ca3af}.btn-clear-signature{background:#f3f4f6;border:none;border-radius:.375rem;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.dark .btn-clear-signature{background:#4b5563;color:#f3f4f6}.btn-clear-signature:hover{background:#e5e7eb;color:#1f2937}.dark .btn-clear-signature:hover{background:#6b7280;color:#fff}.checkbox-label,.radio-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:1rem;gap:.75rem}.dark .checkbox-label,.dark .radio-label{color:#f3f4f6}.checkbox-label input,.radio-label input{cursor:pointer;height:1.125rem;width:1.125rem}.form-heading{color:#1f2937;font-size:1.25rem}.dark .form-heading{color:#f3f4f6}.btn-submit{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.5rem;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.75rem;padding:.75rem 1.5rem;transition:all .2s}.btn-submit:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-submit:disabled{background:#4b5563;box-shadow:none;color:#9ca3af;cursor:not-allowed;opacity:.5;transform:none}.renderer-success{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;padding:2.5rem 1.5rem;text-align:center}.dark .renderer-success{background:#1f2937;box-shadow:0 1px 3px #0000004d}.success-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.renderer-success h2{color:#1f2937;font-size:1.5rem;margin-bottom:.5rem}.dark .renderer-success h2{color:#f3f4f6}.renderer-success p{color:#6b7280;font-size:1.1rem;margin-bottom:2rem}.dark .renderer-success p{color:#9ca3af}.btn-submit-another{background:#667eea;border-radius:.5rem;color:#fff;font-weight:500;padding:.875rem 1.75rem;transition:all .2s}.btn-submit-another:hover{background:#5568d3;transform:translateY(-2px)}.page-indicator-bottom{background:#f3f4f6;border-radius:.5rem;color:#6b7280;font-size:.875rem;margin-top:1.5rem;padding:.75rem 1rem;text-align:center}.dark .page-indicator-bottom{background:#374151;color:#9ca3af}.page-indicator-bottom .page-title{color:#374151;font-weight:600}.dark .page-indicator-bottom .page-title{color:#f3f4f6}.form-navigation{align-items:center;border-top:2px solid #e5e7eb;display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem;padding-top:1.5rem;position:relative}.dark .form-navigation{border-top-color:#374151}.btn-nav{align-items:center;background:#f3f4f6;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.dark .btn-nav{background:#374151;color:#f3f4f6}.btn-nav:hover{background:#e5e7eb;transform:translateY(-2px)}.dark .btn-nav:hover{background:#4b5563}.form-navigation .btn-nav.btn-previous{font-size:.9rem!important;left:0!important;padding:1.1rem 1.25rem!important;position:absolute!important}.recaptcha-field{background:#0003;border-radius:.5rem;display:flex;justify-content:center;margin:1.5rem 0;padding:1rem}.recaptcha-field iframe{border-radius:.375rem}.recaptcha-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:.5rem;color:#fca5a5;font-size:.9rem;padding:1rem;text-align:center}.dark .recaptcha-field{background:#0000004d}.address-autocomplete{display:flex;flex-direction:column;gap:1rem;width:100%}.address-field-group{display:flex;flex-direction:column;gap:.375rem}.address-label{color:#e5e7eb;display:block;font-size:.875rem;font-weight:500}.address-input-wrapper{position:relative;width:100%}.address-input{background:#374151;border:1px solid #6b7280;border-radius:.375rem;color:#f3f4f6;font-family:inherit;font-size:.9375rem;padding:.625rem .875rem;transition:all .2s;width:100%}.address-input:focus{background:#374151;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.address-input:disabled{background:#1f2937;color:#6b7280;cursor:not-allowed}.address-input::placeholder{color:#6b7280}.address-loading{align-items:center;color:#3b82f6;display:flex;height:16px;justify-content:center;position:absolute;right:.875rem;top:50%;transform:translateY(-50%);width:16px}.address-loading .spinner{animation:spin 1s linear infinite;flex-shrink:0;height:16px;width:16px}.address-suggestions{background:#1f2937;border:1px solid #374151;border-radius:0 0 .375rem .375rem;border-top:none;box-shadow:0 4px 6px #0000004d;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.suggestion-item{border-bottom:1px solid #374151;cursor:pointer;padding:.75rem .875rem;transition:background .15s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#374151}.suggestion-item.no-results{color:#9ca3af;cursor:default;padding:1rem .875rem;text-align:center}.suggestion-item.no-results:hover{background:#0000}.suggestion-street{color:#f3f4f6;font-size:.9375rem;font-weight:500;margin-bottom:.25rem}.suggestion-city{color:#9ca3af;font-size:.8125rem}.address-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr}@media (max-width:768px){.address-row{grid-template-columns:1fr}}.country-selector{position:relative;width:100%}.country-button{align-items:center;background:#374151;border:1px solid #6b7280;border-radius:.375rem;color:#f3f4f6;cursor:pointer;display:flex;font-family:inherit;font-size:.9375rem;font-weight:500;gap:.5rem;padding:.625rem .875rem;transition:all .2s;width:100%}.country-button:hover:not(:disabled){background:#4b5563;border-color:#9ca3af}.country-button:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.country-button:disabled{background:#1f2937;color:#6b7280;cursor:not-allowed}.country-flag{flex-shrink:0;font-size:1.25rem}.country-name{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.country-chevron{color:#9ca3af;flex-shrink:0;transition:transform .2s}.country-chevron.open{transform:rotate(180deg)}.country-dropdown{background:#1f2937;border:1px solid #374151;border-radius:0 0 .375rem .375rem;border-top:none;box-shadow:0 4px 6px #0000004d;display:flex;flex-direction:column;left:0;margin-top:-1px;max-height:300px;position:absolute;right:0;top:100%;z-index:20}.country-search{border-bottom:1px solid #374151;flex-shrink:0;padding:.75rem}.country-search-input{background:#111827;border:1px solid #374151;border-radius:.375rem;color:#f3f4f6;font-family:inherit;font-size:.875rem;padding:.5rem .75rem;width:100%}.country-search-input:focus{border-color:#3b82f6;outline:none}.country-search-input::placeholder{color:#6b7280}.country-list{flex:1 1;max-height:250px;overflow-y:auto}.country-option{align-items:center;border-bottom:1px solid #374151;cursor:pointer;display:flex;gap:.75rem;padding:.75rem .875rem;transition:background .15s}.country-option:last-child{border-bottom:none}.country-option:hover{background:#374151}.country-option.selected{background:#3b82f61a;border-left:3px solid #3b82f6;padding-left:calc(.875rem - 3px)}.country-option .country-flag{font-size:1.5rem}.country-option .country-name{color:#f3f4f6;flex:1 1;font-size:.9375rem}.checkmark{color:#3b82f6;font-size:1.125rem;font-weight:700}.address-suggestions::-webkit-scrollbar,.country-list::-webkit-scrollbar{width:6px}.address-suggestions::-webkit-scrollbar-track,.country-list::-webkit-scrollbar-track{background:#1f2937}.address-suggestions::-webkit-scrollbar-thumb,.country-list::-webkit-scrollbar-thumb{background:#4b5563;border-radius:3px}.address-suggestions::-webkit-scrollbar-thumb:hover,.country-list::-webkit-scrollbar-thumb:hover{background:#6b7280}.ati-wrapper{position:relative;width:100%}.ati-input{background:#f6fafcf2;border:2px solid #d1d5db;border-radius:.5rem;color:#1f2937;font-family:inherit;font-size:.95rem;padding:.625rem .875rem;transition:all .2s;width:100%}.ati-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.ati-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.dark .ati-input{background:#374151;border-color:#6b7280;color:#f3f4f6}.dark .ati-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.dark .ati-input:disabled{background:#1f2937;color:#6b7280}.ati-suggestions{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 12px #0000001a;left:0;max-height:280px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:50}.dark .ati-suggestions{background:#1f2937;border-color:#374151;box-shadow:0 4px 12px #0000004d}.ati-suggestion-item{border-bottom:1px solid #f3f4f6;color:#1f2937;cursor:pointer;font-size:.9rem;padding:.625rem .875rem;transition:background-color .15s}.ati-suggestion-item:last-child{border-bottom:none}.ati-suggestion-item.highlighted,.ati-suggestion-item:hover{background-color:#f3f4f6}.dark .ati-suggestion-item{border-bottom-color:#374151;color:#f3f4f6}.dark .ati-suggestion-item.highlighted,.dark .ati-suggestion-item:hover{background-color:#374151}.ati-suggestion-item strong{color:#667eea;font-weight:600}.dark .ati-suggestion-item strong{color:#93c5fd}.ati-suggestions::-webkit-scrollbar{width:6px}.ati-suggestions::-webkit-scrollbar-track{background:#0000}.ati-suggestions::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.ati-suggestions::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dark .ati-suggestions::-webkit-scrollbar-thumb{background:#6b7280}.dark .ati-suggestions::-webkit-scrollbar-thumb:hover{background:#9ca3af}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.dark .login-container{background:#111827}.login-card{animation:slideIn .3s ease-out;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px}.dark .login-card{color:#f3f4f6}.login-header{margin-bottom:32px}.login-header svg{color:#667eea;margin-bottom:16px}.dark .login-header svg{color:#818cf8}.login-header h1{color:#111827;font-size:24px;font-weight:600;margin:0 0 8px}.dark .login-header h1{color:#f3f4f6}.login-header p{font-size:14px;margin:0}.login-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px}.dark .login-error{background:#450a0a;border-color:#991b1b;color:#fca5a5}.login-form{margin-bottom:24px}.form-group input{background:#f9fafb;border:2px solid #e5e7eb;font-size:16px;padding:12px;transition:border-color .2s,box-shadow .2s,background-color .2s}.dark .form-group input{background:#374151;border-color:#4b5563}.form-group input:focus{background:#93939314}.dark .form-group input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}.form-group input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.dark .form-group input:disabled{background:#1f2937;color:#6b7280}.login-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background .2s,transform .1s;width:100%}.login-button:hover:not(:disabled){background:#5a6fd8;transform:translateY(-1px)}.login-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.dark .login-button{background:#818cf8}.dark .login-button:hover:not(:disabled){background:#6366f1}.login-divider{margin:24px 0;position:relative;text-align:center}.login-divider:before{background:#e5e7eb;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.dark .login-divider:before{background:#4b5563}.login-divider span{background:#9393930f;color:#6b7280;font-size:12px;letter-spacing:.5px;padding:0 16px;position:relative;text-transform:uppercase;z-index:2}.dark .login-divider span{background:#1f2937;color:#9ca3af}.test-login-button{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:24px;padding:12px;transition:background .2s,transform .1s;width:100%}.test-login-button:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.test-login-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.login-footer{padding-top:16px}.dark .login-footer{border-top-color:#4b5563}.login-footer p{color:#6b7280;font-size:12px;line-height:1.4;margin:8px 0}.dark .login-footer p{color:#9ca3af}.login-footer p strong{color:#374151}.dark .login-footer p strong{color:#d1d5db}.login-success{padding:20px 0;text-align:center}.login-success h3{color:#10b981;font-size:20px;font-weight:600;margin:0 0 16px}.dark .login-success h3{color:#34d399}.login-success p{color:#6b7280;line-height:1.5;margin:8px 0}.dark .login-success p{color:#9ca3af}.dev-info{background:#f3f4f6;border-left:4px solid #f59e0b;border-radius:8px;margin:16px 0;padding:12px}.dark .dev-info{background:#374151;border-left-color:#fbbf24}.dev-info p{font-size:14px;margin:4px 0}.dev-info a{color:#2563eb;font-weight:500;text-decoration:none}.dev-info a:hover{text-decoration:underline}.dark .dev-info a{color:#60a5fa}.mode-switch-button{background:#0000;border:2px solid #e5e7eb;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px 16px;transition:all .2s ease;width:100%}.mode-switch-button:hover{background:#f8fafc;border-color:#667eea}.mode-switch-button:disabled{cursor:not-allowed;opacity:.6}.dark .mode-switch-button{border-color:#4b5563;color:#818cf8}.dark .mode-switch-button:hover{background:#374151;border-color:#818cf8}.login-button.secondary{background:#6b7280;border-color:#6b7280}.dark .login-button.secondary,.login-button.secondary:hover{background:#4b5563;border-color:#4b5563}.dark .login-button.secondary:hover{background:#374151;border-color:#374151}.login-footer ul{list-style:none;margin:8px 0;padding:0}.login-footer li{margin:4px 0;padding-left:16px;position:relative}.login-footer li:before{color:#667eea;content:"•";font-weight:700;left:0;position:absolute}.dark .login-footer li:before{color:#818cf8}.recaptcha-container{display:flex;justify-content:center;margin:16px 0}.recaptcha-container iframe{border-radius:4px}@media (max-width:480px){.login-card{margin:0 16px;padding:24px}}.form-users-container{margin:0 auto;max-width:1400px;padding:2rem}.form-users-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.form-users-header h1{color:#111827;font-size:2rem;margin:0}.dark .form-users-header h1{color:#f9fafb}.subtitle{color:#6b7280;font-size:.9375rem;margin:.5rem 0 0}.dark .subtitle{color:#9ca3af}.loading-state{padding:4rem}.spinner{border:3px solid #667eea33;border-radius:50%;border-top-color:#667eea;height:3rem;margin-bottom:1rem;width:3rem}.mini-spinner{animation:spin 1s linear infinite;border:2px solid #667eea33;border-radius:50%;border-top-color:#667eea;height:16px;width:16px}.empty-state{align-items:center;background:#667eea08;border:2px dashed #667eea33;display:flex;flex-direction:column;justify-content:center;padding:4rem}.dark .empty-state{background:#667eea0d;border-color:#667eea26}.empty-state svg{color:#9ca3af}.empty-state h2{color:#374151;margin:.5rem 0}.dark .empty-state h2{color:#d1d5db}.empty-state p{margin:.5rem 0 1.5rem;max-width:500px}.form-users-table-container{background:#9393930a;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.dark .form-users-table-container{background:#1f2937;border-color:#374151}.form-users-table{border-collapse:collapse;width:100%}.form-users-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.dark .form-users-table thead{background:#111827;border-bottom-color:#374151}.form-users-table th{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.dark .form-users-table th{color:#9ca3af}.form-users-table td{border-bottom:1px solid #e5e7eb;color:#374151;padding:1rem}.dark .form-users-table td{border-bottom-color:#374151;color:#d1d5db}.form-users-table tbody tr:last-child td{border-bottom:none}.form-users-table tbody tr:hover{background:#93939314}.dark .form-users-table tbody tr:hover{background:#374151}.inactive-row{opacity:.6}.user-name{font-weight:500}.text-muted{color:#9ca3af;font-style:italic}.status-badge{border:none;border-radius:9999px;cursor:pointer;font-size:.8125rem;gap:.375rem;padding:.375rem .75rem;transition:all .2s}.status-badge.active{background:#dcfce7;color:#166534}.dark .status-badge.active{background:#064e3b;color:#86efac}.status-badge.inactive{background:#fee2e2;color:#991b1b}.dark .status-badge.inactive{background:#7f1d1d;color:#fca5a5}.status-badge:hover{opacity:.8}.action-buttons{gap:.5rem}.btn-icon{border:1px solid #e5e7eb}.dark .btn-icon{border-color:#4b5563}.btn-icon:hover:not(:disabled){background:#f3f4f6;border-color:#667eea;color:#667eea}.dark .btn-icon:hover:not(:disabled){background:#374151;border-color:#818cf8;color:#818cf8}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.btn-icon.btn-danger:hover:not(:disabled){border-color:#ef4444;color:#ef4444}.modal-backdrop{padding:1rem;z-index:1000}.modal-content{border-radius:.75rem;box-shadow:0 20px 40px #0003}.modal-header h2{font-size:1.25rem}.dark .modal-header h2{color:#f9fafb}.modal-close{font-size:2rem;height:2rem;width:2rem}.modal-body,.modal-footer{padding:1.5rem}.modal-footer{gap:.75rem}.form-group{margin-bottom:1.25rem}.form-input{background:#9393930f;border:1px solid #d1d5db;color:#374151;font-size:.9375rem}.dark .form-input{background:#374151;border-color:#4b5563;color:#f3f4f6}.info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;margin-top:1rem;padding:1rem}.dark .info-box{background:#1e3a5f;border-color:#1e40af}.info-box p{color:#1e40af;font-size:.875rem;line-height:1.5;margin:0}.dark .info-box p{color:#93c5fd}.info-box strong{color:#1e3a8a}.dark .info-box strong{color:#bfdbfe}@media (max-width:768px){.form-users-container{padding:1rem}.form-users-header{flex-direction:column;gap:1rem}.form-users-header h1{font-size:1.5rem}.form-users-table{font-size:.875rem}.form-users-table td,.form-users-table th{padding:.75rem .5rem}.form-row{grid-template-columns:1fr}.action-buttons{flex-direction:column}}.large-modal{max-height:90vh;max-width:900px;overflow-y:auto;width:90%}.form-user-sso-settings{padding:20px}.no-tenant-message{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;color:#fff9;padding:40px;text-align:center}.sso-header{align-items:flex-start}.sso-header h3{color:#fff;font-size:20px;margin:0 0 4px}.sso-subtitle{color:#fff9;font-size:14px;margin:0}.sso-subtitle strong{color:#6366f1}.add-sso-button{align-items:center;background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:background .2s}.add-sso-button:hover{background:#5558e3}.alert{gap:10px}.alert-error{color:#ef4444}.alert-success{color:#22c55e}.loading-message,.no-configs-message{color:#fff9;padding:40px;text-align:center}.sso-config-card{background:#ffffff08;transition:background .2s}.sso-config-card:hover{background:#ffffff0d}.sso-config-header{align-items:flex-start}.sso-config-info{flex-wrap:wrap}.sso-provider-type{background:#6366f11a;border-radius:4px;color:#6366f1;font-size:12px;font-weight:500;padding:4px 10px}.sso-provider-type.entra{background:#0078d41a;color:#0078d4}.sso-provider-type.google{background:#ea43351a;color:#ea4335}.sso-provider-type.okta{background:#007aff1a;color:#007aff}.sso-status{border-radius:4px;font-size:12px;font-weight:500;padding:4px 10px}.sso-status.enabled{background:#22c55e1a;color:#22c55e}.sso-status.disabled{background:#9ca3af1a;color:#9ca3af}.sso-config-actions{display:flex;gap:8px}.delete-button,.edit-button,.toggle-button{align-items:center;background:#0000;border:1px solid #ffffff1a;border-radius:6px;color:#ffffffe6;cursor:pointer;display:flex;font-size:13px;justify-content:center;padding:8px 12px;transition:all .2s}.toggle-button:hover{background:#6366f11a;border-color:#6366f1;color:#6366f1}.edit-button:hover{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.delete-button:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.sso-config-details{display:flex;flex-direction:column;gap:8px}.detail-item{font-size:13px}.detail-label{color:#fff9;font-weight:500}.detail-value{color:#ffffffe6}.sso-config-form{background:#ffffff08;border-radius:8px}.cancel-button,.save-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.save-button{background:#6366f1}.save-button:hover:not(:disabled){background:#5558e3}.cancel-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.form-row{grid-template-columns:1fr}.sso-config-header{flex-direction:column;gap:16px}.sso-config-actions{justify-content:flex-end;width:100%}}.form-user-login{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-card{background:#939393;border-radius:1rem;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;width:100%}.dark .login-card{background:#1f2937}.login-header{background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:2rem 2rem 1rem;text-align:center}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0}.login-header p{color:#6b7280;font-size:1rem;margin:.5rem 0 0}.dark .login-header p{color:#9ca3af}.login-body{align-items:center;display:flex;justify-content:center;min-height:250px;padding:2rem}.status-container{text-align:center;width:100%}.spinner-icon{animation:spin 1s linear infinite;color:#667eea}.error-icon,.spinner-icon,.success-icon{margin-bottom:1rem}.error-icon{color:#ef4444}.status-container h2{color:#111827;font-size:1.5rem;margin:0 0 .75rem}.dark .status-container h2{color:#f9fafb}.status-container p{color:#6b7280;line-height:1.6;margin:0}.dark .status-container p{color:#9ca3af}.user-info{background:#f9fafb;border-radius:.5rem;margin-top:1.5rem;padding:1rem;text-align:left}.dark .user-info{background:#374151}.user-info p{color:#374151;margin:.5rem 0}.dark .user-info p{color:#d1d5db}.user-info strong{color:#667eea}.error-actions{margin-top:1.5rem}.btn{font-size:.9375rem;gap:.5rem;padding:.75rem 1.5rem}.dark .btn-secondary{border-color:#4b5563}.login-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1.5rem;text-align:center}.dark .login-footer{background:#111827;border-top-color:#374151}.login-footer p{color:#9ca3af;font-size:.875rem;margin:0}@media (max-width:640px){.form-user-login{padding:1rem}.login-header h1{font-size:1.5rem}.login-body{padding:1.5rem}}.form-groups{min-height:calc(100vh - 80px);padding:2rem 0}.form-groups-loading{color:#6b7280;font-size:1.1rem;padding:4rem 2rem;text-align:center}.dark .form-groups-loading{color:#9ca3af}.groups-header{border-bottom:2px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1.5rem}.dark .groups-header{border-bottom-color:#374151}.header-left h1{color:#1f2937;font-size:2rem;margin-bottom:.25rem}.dark .header-left h1{color:#f3f4f6}.tenant-name{color:#6b7280;font-size:.875rem}.dark .tenant-name{color:#9ca3af}.btn-create-group{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.5rem;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-create-group:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.empty-state{background:#9393930f;border-radius:1rem;box-shadow:0 1px 3px #0000001a;padding:4rem 2rem}.dark .empty-state{box-shadow:0 1px 3px #0000004d}.empty-state svg{color:#d1d5db;margin-bottom:1rem}.dark .empty-state svg{color:#4b5563}.empty-state h2{color:#1f2937;font-size:1.5rem;margin-bottom:.5rem}.dark .empty-state h2{color:#f3f4f6}.empty-state p{margin-bottom:1.5rem}.btn-empty-create{align-items:center;background:#667eea;border-radius:.5rem;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-empty-create:hover{background:#5568d3;transform:translateY(-2px)}.groups-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.group-card{background:#939393;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .2s}.dark .group-card{background:#1f2937;box-shadow:0 1px 3px #0000004d}.group-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.dark .group-card:hover{box-shadow:0 4px 12px #0006}.group-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.group-info{flex:1 1;min-width:0}.group-info h3{color:#1f2937;font-size:1.25rem;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .group-info h3{color:#f3f4f6}.group-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.875rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis}.dark .group-description{color:#9ca3af}.group-actions{display:flex;gap:.5rem}.btn-icon{background:#f3f4f6;border-radius:.375rem;display:flex;padding:.5rem}.dark .btn-icon{background:#374151}.btn-icon:hover{background:#e5e7eb}.btn-icon.btn-danger{color:#ef4444}.dark .btn-icon.btn-danger{color:#f87171}.btn-icon.btn-danger:hover{background:#fee2e2;color:#dc2626}.dark .btn-icon.btn-danger:hover{background:#7f1d1d;color:#fca5a5}.btn-icon.btn-success{color:#10b981}.dark .btn-icon.btn-success{color:#34d399}.btn-icon.btn-success:hover{background:#d1fae5;color:#059669}.dark .btn-icon.btn-success:hover{background:#064e3b;color:#6ee7b7}.group-stats{border-top:1px solid #e5e7eb;display:flex;gap:1.5rem;padding-top:1rem}.dark .group-stats{border-top-color:#374151}.stat{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.dark .stat{color:#9ca3af}.stat svg{flex-shrink:0}.btn-manage-members{align-items:center;background:#667eea;border-radius:.5rem;color:#fff;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1rem;transition:all .2s}.btn-manage-members:hover{background:#5568d3}.modal-overlay{padding:1rem}.modal-content{background:#9393930f;border-radius:1rem;box-shadow:0 20px 60px #0000004d}.modal-content.modal-large{max-width:800px}.modal-header{border-bottom:2px solid #e5e7eb;padding:1.5rem}.modal-header h2{color:#1f2937;font-size:1.5rem}.btn-close{border-radius:.375rem;color:#6b7280;padding:.5rem;transition:all .2s}.dark .btn-close{color:#9ca3af}.btn-close:hover{background:#f3f4f6;color:#374151}.dark .btn-close:hover{background:#374151;color:#f3f4f6}.modal-content form{padding:1.5rem}.form-group input,.form-group textarea{background:#fff;border:2px solid #d1d5db;border-radius:.5rem;color:#1f2937;font-size:1rem;padding:.75rem 1rem;transition:all .2s}.dark .form-group input,.dark .form-group textarea{background:#374151;border-color:#6b7280;color:#f3f4f6}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.dark .form-group input:focus,.dark .form-group textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.form-group textarea{font-family:inherit}.btn-primary,.btn-secondary{border-radius:.5rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-primary:hover{background:#5568d3}.dark .btn-secondary{background:#374151}.dark .btn-secondary:hover{background:#4b5563}.members-content{display:flex;flex-direction:column;gap:2rem;padding:1.5rem}.members-section h3{color:#1f2937;font-size:1.125rem;margin-bottom:1rem}.dark .members-section h3{color:#f3f4f6}.empty-message{background:#f9fafb;border-radius:.5rem;color:#6b7280;font-size:.875rem;padding:2rem}.dark .empty-message{background:#111827;color:#9ca3af}.member-item{background:#f9fafb;border-radius:.5rem;justify-content:space-between;padding:1rem;transition:all .2s}.dark .member-item{background:#111827}.member-item:hover{background:#f3f4f6}.dark .member-item:hover{background:#1f2937}.member-info{flex-direction:column;gap:.25rem;min-width:0}.member-name{color:#1f2937;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .member-name{color:#f3f4f6}.member-email{color:#6b7280;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .member-email{color:#9ca3af}@media (max-width:768px){.groups-header{align-items:flex-start;flex-direction:column;gap:1rem}.btn-create-group{justify-content:center;width:100%}.groups-grid{grid-template-columns:1fr}.modal-content.modal-large{max-width:100%}.members-content{padding:1rem}}.signup-flow-container{align-items:center;background:linear-gradient(180deg,#0f172a,#1e293b);color:#f3f4f6;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.signup-form-wrapper{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:48px;width:100%}.signup-header{margin-bottom:32px;text-align:center}.signup-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f3f4f6,#9ca3af);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin:0 0 12px}.signup-header p{color:#9ca3af;font-size:1rem;margin:0}.error-banner{border-radius:8px;margin-bottom:24px}.signup-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#e2e8f0}.form-group input{background:#0f172a;border:1px solid #334155;border-radius:8px;color:#f3f4f6;padding:12px 16px;transition:all .2s}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder{color:#64748b}@media (max-width:480px){.form-row{grid-template-columns:1fr}}.btn-primary{border-radius:8px;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:12px 24px;transition:all .3s}.btn-primary:hover:not(:disabled){box-shadow:0 10px 30px #667eea4d;transform:translateY(-2px)}.checkout-wrapper{align-items:center;display:flex;flex-direction:column;max-width:1200px;width:100%}.checkout-header{margin-bottom:48px;text-align:center}.success-icon{color:#10b981;margin-bottom:16px}.checkout-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f3f4f6,#9ca3af);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin:0 0 12px}.checkout-header p{color:#9ca3af;font-size:1.1rem;margin:0}.billing-toggle{border-radius:12px;display:flex;gap:8px;margin:0 auto 40px;padding:8px;width:-webkit-fit-content;width:fit-content}.toggle-btn{background:#0000;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;font-weight:600;padding:10px 20px;position:relative;transition:all .2s}.toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.save-badge{border-radius:4px;display:inline-block;font-size:12px;margin-left:8px}.pricing-card{border-radius:16px;transition:all .3s}.pricing-card:hover{box-shadow:0 20px 60px #667eea33}.pricing-card h3{color:#f3f4f6;font-size:1.5rem;font-weight:700;margin:0 0 12px}.pricing-card .description{color:#9ca3af;flex-grow:1;font-size:14px;margin:0 0 24px}.price{align-items:baseline;border-bottom:1px solid #334155;display:flex;gap:4px;margin-bottom:24px;padding-bottom:24px}.features-list{flex-grow:1;gap:10px;margin-bottom:24px;min-height:auto}.feature-item{color:#cbd5e1;font-size:13px;gap:10px;line-height:1.4}.feature-icon{color:#10b981;flex-shrink:0}.currency{font-size:1.5rem}.amount{color:#f3f4f6;font-size:2.5rem;font-weight:800}.period{color:#9ca3af;font-size:1rem}.annual-total{align-items:center;background:#667eea1a;border:1px solid #667eea4d;border-radius:8px;display:flex;font-size:14px;justify-content:space-between;margin-bottom:24px;padding:12px}.annual-total .label{color:#9ca3af}.annual-total .total{color:#f3f4f6;font-size:16px;font-weight:700}.btn-select{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;margin-top:auto;padding:12px 24px;transition:all .3s}.btn-select:hover:not(:disabled){box-shadow:0 10px 30px #667eea4d;transform:translateY(-2px)}.btn-select:disabled{cursor:not-allowed;opacity:.6}.link-btn{background:none;border:none;color:#667eea;cursor:pointer;font-family:inherit;font-size:.9rem;margin:0 4px;padding:0;text-decoration:underline;transition:color .2s}.link-btn:hover:not(:disabled){color:#818cf8}.link-btn:disabled{cursor:not-allowed;opacity:.6}.checkout-summary{background:#1e293b80;border:1px solid #334155;border-radius:12px;display:flex;flex-direction:column;gap:16px;margin:24px 0;padding:24px}.summary-item{align-items:center;display:flex;justify-content:space-between}.summary-item .label{color:#9ca3af;font-size:.95rem}.summary-item .value{color:#f3f4f6;font-size:1rem;font-weight:600}.discount-badge{background:#10b981;border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-left:8px;padding:4px 8px}.checkout-loading{align-items:center;display:flex;flex-direction:column;gap:24px;padding:60px 40px}.checkout-loading .spinner{animation:spin 2s linear infinite;color:#818cf8}.checkout-loading p{color:#9ca3af;font-size:1.1rem;margin:0}.pricing-page{background:linear-gradient(180deg,#0f172a,#1e293b);color:#f3f4f6;min-height:100vh;overflow-x:hidden}.error-banner{font-size:14px;margin:20px auto;max-width:1200px}.pricing-hero{overflow:hidden;padding:80px 20px 60px;position:relative;text-align:center}.pricing-hero:before{animation:pulse 15s ease-in-out infinite;background:radial-gradient(circle,#667eea1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.pricing-hero-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.pricing-badge{align-items:center;background:#818cf81a;border:1px solid #818cf84d;border-radius:50px;color:#818cf8;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 16px}.pricing-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f3f4f6,#9ca3af);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.2;margin:0 0 20px}.pricing-subtitle{color:#9ca3af;font-size:1.25rem;line-height:1.6;margin:0 0 40px}.billing-toggle{background:#1e293b;border:1px solid #334155;border-radius:50px;display:inline-flex;gap:4px;padding:4px}.billing-toggle button{align-items:center;background:#0000;border:none;border-radius:50px;color:#9ca3af;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;position:relative;transition:all .3s}.billing-toggle button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.save-badge{background:#10b981;border-radius:12px;color:#fff;font-size:11px;font-weight:700;padding:2px 8px}.pricing-container{margin:0 auto;max-width:1200px;padding:40px 20px 80px}.pricing-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1400px}@media (max-width:1024px){.pricing-cards{gap:24px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.pricing-cards{gap:20px;grid-template-columns:1fr}}.pricing-card{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.pricing-card{padding:24px}}.pricing-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.pricing-card:hover:before{opacity:1}.pricing-card:hover{border-color:#667eea;box-shadow:0 20px 60px #667eea4d;transform:translateY(-8px)}.pricing-card.popular{border:2px solid #f59e0b;box-shadow:0 10px 40px #f59e0b33}.pricing-card.popular:before{background:linear-gradient(90deg,#f59e0b,#d97706);opacity:1}.popular-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50px;color:#fff;display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 12px;position:absolute;right:20px;text-transform:uppercase;top:20px}.card-header{margin-bottom:32px;text-align:center}.plan-icon{align-items:center;border-radius:20px;box-shadow:0 10px 30px #0000004d;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.plan-name{color:#f3f4f6;font-size:2rem;font-weight:700;margin:0 0 12px}.plan-description{color:#9ca3af;font-size:1rem;line-height:1.5;margin:0}.card-pricing{border-bottom:1px solid #334155;margin-bottom:32px;padding-bottom:32px;text-align:center}.price-wrapper{align-items:baseline;display:flex;gap:4px;justify-content:center;margin-bottom:8px}.currency{color:#9ca3af;font-size:2rem;font-weight:600}.price{color:#f3f4f6;font-size:4rem;font-weight:800;line-height:1}.period{font-size:1.25rem;font-weight:500}.price-unit{color:#9ca3af;font-size:.875rem;font-weight:500;margin:4px 0 0}.billed-annually{color:#10b981;font-size:.875rem;font-weight:600;margin:8px 0 0}.cta-button{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 20px #0003;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:700;gap:12px;justify-content:center;margin-bottom:32px;padding:16px 32px;transition:all .3s;width:100%}.cta-button:hover:not(:disabled){box-shadow:0 8px 30px #667eea66;transform:translateY(-2px)}.cta-button:active:not(:disabled){transform:translateY(0)}.cta-button:disabled{cursor:not-allowed;opacity:.7}.features-list{display:flex;flex-direction:column;gap:12px}.features-header{color:#9ca3af;font-size:.875rem;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.feature-item{align-items:flex-start;color:#d1d5db;display:flex;font-size:.9375rem;gap:12px;line-height:1.6}.feature-item.highlight{color:#f3f4f6;font-weight:600}.check-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:2px;width:20px}.features-comparison{margin:0 auto;max-width:1200px;padding:80px 20px;text-align:center}.comparison-title{color:#f3f4f6;font-size:2.5rem;font-weight:800;margin:0 0 60px}.comparison-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.comparison-item{background:#1e293b80;border:1px solid #334155;border-radius:16px;padding:32px;transition:all .3s}.comparison-item:hover{background:#1e293bcc;border-color:#667eea;transform:translateY(-4px)}.comparison-icon{font-size:3rem;margin-bottom:16px}.comparison-item h4{color:#f3f4f6;font-size:1.25rem;font-weight:700;margin:0 0 12px}.comparison-item p{color:#9ca3af;font-size:.9375rem;line-height:1.6;margin:0}.faq-section{background:#1e293b4d;border-radius:24px;margin:0 auto;max-width:1200px;padding:80px 20px}.faq-title{color:#f3f4f6;font-size:2.5rem;font-weight:800;margin:0 0 60px;text-align:center}.faq-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.faq-item{background:#0f172a80;border:1px solid #334155;border-radius:12px;padding:24px;transition:all .3s}.faq-item:hover{background:#0f172acc;border-color:#667eea}.faq-item h4{color:#f3f4f6;font-size:1.125rem;font-weight:700;margin:0 0 12px}.faq-item p{color:#9ca3af;font-size:.9375rem;line-height:1.6;margin:0}.cta-section{overflow:hidden;padding:100px 20px;position:relative}.cta-section:before{background:linear-gradient(135deg,#667eea1a,#764ba21a);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.cta-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.cta-content h2{color:#f3f4f6;font-size:3rem;font-weight:800;margin:0 0 20px}.cta-content p{color:#9ca3af;font-size:1.25rem;margin:0 0 40px}.cta-primary,.cta-secondary{border:none;border-radius:12px;cursor:pointer;font-size:1.125rem;font-weight:700;padding:16px 40px;transition:all .3s}.cta-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #667eea66;color:#fff}.cta-primary:hover{box-shadow:0 8px 30px #667eea99;transform:translateY(-2px)}.cta-secondary{background:#0000;border:2px solid #667eea;color:#f3f4f6}.cta-secondary:hover{background:#667eea1a;transform:translateY(-2px)}@media (max-width:768px){.pricing-title{font-size:2.5rem}.pricing-subtitle{font-size:1rem}.comparison-grid,.faq-grid,.pricing-cards{grid-template-columns:1fr}.cta-content h2{font-size:2rem}.cta-buttons{flex-direction:column}.cta-primary,.cta-secondary{width:100%}}.public-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#0f172af2,#1e293be6);border-bottom:1px solid #818cf833;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{align-items:center;display:flex;gap:40px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:16px 40px}.logo{color:#f3f4f6;flex-shrink:0;font-size:1.25rem;font-weight:700;gap:12px;transition:all .3s ease}.logo:hover{color:#818cf8}.desktop-nav{display:flex;flex:1 1;gap:32px}.nav-link{color:#cbd5e1;position:relative;transition:all .3s ease}.nav-link.active,.nav-link:hover{color:#818cf8}.nav-link.active:after{background:linear-gradient(90deg,#818cf8,#6366f1);bottom:-8px;content:"";height:2px;left:0;position:absolute;right:0}.header-cta{display:flex;flex-shrink:0;gap:12px}.btn{padding:10px 20px;white-space:nowrap}.btn-primary:hover{box-shadow:0 8px 16px #818cf84d}.mobile-menu-button{background:#0000;border:none;color:#818cf8;cursor:pointer;display:none;padding:8px;transition:all .3s ease}.mobile-menu-button:hover{color:#60a5fa}.mobile-nav{background:#1e293bf2;border-top:1px solid #818cf833;display:none;flex-direction:column;gap:12px;padding:20px 40px}.mobile-nav-link{color:#cbd5e1;font-weight:500;padding:12px 0;text-decoration:none;transition:all .3s ease}.mobile-nav-link.active,.mobile-nav-link:hover{color:#818cf8}.mobile-nav-cta{border-top:1px solid #818cf833;display:flex;flex-direction:column;gap:12px;margin-top:12px;padding-top:12px}.mobile-nav-cta .btn{justify-content:center}@media (max-width:768px){.header-container{gap:16px;padding:12px 20px}.desktop-nav,.header-cta{display:none}.mobile-menu-button{align-items:center;display:flex;justify-content:center}.mobile-nav{display:flex}.logo-image{height:32px}.logo{font-size:1.1rem}}.tenant-selector{position:relative}.tenant-button{align-items:center;background:#9393931f;border:1px solid #3c40431f;border-radius:.5rem;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;min-width:200px;padding:.75rem 1rem;transition:all .18s ease}.tenant-button:hover{background:#9393932e;border-color:#3c404329;box-shadow:0 6px 18px #0f172a0f}.dark .tenant-button{background:#1f2937e6;border-color:#4b556380;color:#f3f4f6}.dark .tenant-button:hover{background:#1f2937;border-color:#4b5563b3}.tenant-info{align-items:center;flex:1 1;gap:.5rem}.tenant-color-indicator{border-radius:50%;flex-shrink:0;height:.75rem;width:.75rem}.global-icon{color:#6b7280;flex-shrink:0}.dark .global-icon{color:#9ca3af}.tenant-details{align-items:flex-start;display:flex;flex-direction:column;min-width:0}.tenant-name{color:#374151;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .tenant-name{color:#f3f4f6}.tenant-code{color:#6b7280;font-size:.75rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .tenant-code{color:#9ca3af}.chevron{color:#6b7280;flex-shrink:0;transition:transform .2s ease}.chevron.open{transform:rotate(180deg)}.dark .chevron{color:#9ca3af}.tenant-dropdown{animation:dropdownSlide .2s ease-out;background:#9393931f;border:1px solid #3c40431f;border-radius:.5rem;box-shadow:0 8px 30px #0f172a0f;left:0;margin-top:.25rem;max-width:420px;min-width:280px;overflow:hidden;position:absolute;right:auto;top:100%;width:auto;z-index:10000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.dark .tenant-dropdown{background:#1f2937;border-color:#4b556380}.tenant-dropdown-header{border-bottom:1px solid #667eea1a;color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem .5rem;text-transform:uppercase}.dark .tenant-dropdown-header{border-bottom-color:#4b55634d;color:#9ca3af}.tenant-option{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;position:relative;transition:background-color .2s ease}.tenant-option:hover{background:#667eea0d}.dark .tenant-option:hover{background:#4b556333}.tenant-icon{color:#6b7280;flex-shrink:0}.dark .tenant-icon{color:#9ca3af}.tenant-option-details{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:0}.tenant-option-name{color:#374151;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.dark .tenant-option-name{color:#f3f4f6}.tenant-option-desc{color:#6b7280;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.dark .tenant-option-desc{color:#9ca3af}.active-indicator{background:#667eea;border-radius:50%;flex-shrink:0;height:.5rem;width:.5rem}.tenant-dropdown-divider{background:#667eea1a;height:1px;margin:.5rem 0}.dark .tenant-dropdown-divider{background:#4b55634d}.tenant-action{align-items:center;color:#667eea;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;transition:background-color .2s ease}.tenant-action:hover{background:#667eea0d}.dark .tenant-action{color:#818cf8}.dark .tenant-action:hover{background:#4b556333}.tenant-action .tenant-icon{color:currentColor}.tenant-action.danger{border-top:1px solid #dc26261a;color:#dc2626;margin-top:.25rem;padding-top:1rem}.tenant-action.danger:hover{background:#dc26260d;color:#b91c1c}.dark .tenant-action.danger{border-top:1px solid #ef444433;color:#ef4444}.dark .tenant-action.danger:hover{background:#ef44441a;color:#f87171}.modal-backdrop{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:2rem 0;position:fixed;right:0;top:0;z-index:30000}.delete-confirmation-modal{animation:slideIn .2s ease-out;background:#f7fafcfa;border:1px solid #e1e3e7cc;border-radius:12px;box-shadow:0 20px 40px #0f172a1f;display:flex;flex-direction:column;margin:auto;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.dark .delete-confirmation-modal{background:#1f2937;border:1px solid #374151}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.delete-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.dark .delete-modal-header{border-bottom:1px solid #374151}.delete-modal-header h3{align-items:center;color:#dc2626;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.dark .delete-modal-header h3{color:#ef4444}.delete-modal-header .close-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;padding:.25rem;transition:color .2s}.delete-modal-header .close-btn:hover{color:#111827}.dark .delete-modal-header .close-btn{color:#9ca3af}.dark .delete-modal-header .close-btn:hover{color:#f3f4f6}.delete-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.tenant-name-highlight{color:#111827;font-size:1rem;margin:0 0 1.5rem}.dark .tenant-name-highlight{color:#f3f4f6}.tenant-name-highlight strong{color:#dc2626;font-weight:600}.dark .tenant-name-highlight strong{color:#ef4444}.warning-text{color:#111827;font-weight:600;margin:0 0 .75rem}.dark .warning-text{color:#f3f4f6}.deletion-list{list-style:none;margin:0 0 1.5rem;padding:0}.deletion-list li{align-items:center;color:#dc2626;display:flex;font-size:.9375rem;gap:.5rem;padding:.5rem 0}.dark .deletion-list li{color:#ef4444}.archive-notice{background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:4px;margin:1.5rem 0;padding:1rem}.dark .archive-notice{background:#3b82f626}.archive-notice p{color:#1e40af;font-size:.9375rem;line-height:1.5;margin:0}.dark .archive-notice p{color:#60a5fa}.archive-notice strong,.final-warning{font-weight:600}.final-warning{color:#dc2626;font-size:.9375rem;margin:1rem 0 0}.dark .final-warning{color:#ef4444}.delete-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.dark .delete-modal-footer{background:#111827;border-top:1px solid #374151}.delete-modal-footer .btn-cancel{background:#9393930f;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.9375rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.delete-modal-footer .btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.delete-modal-footer .btn-cancel:disabled{cursor:not-allowed;opacity:.5}.dark .delete-modal-footer .btn-cancel{background:#374151;border-color:#4b5563;color:#f3f4f6}.dark .delete-modal-footer .btn-cancel:hover{background:#4b5563}.delete-modal-footer .btn-danger{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.delete-modal-footer .btn-danger:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.delete-modal-footer .btn-danger:active:not(:disabled){transform:translateY(0)}.delete-modal-footer .btn-danger:disabled{cursor:not-allowed;opacity:.5}.dark .delete-modal-footer .btn-danger{background:#ef4444}.dark .delete-modal-footer .btn-danger:hover:not(:disabled){background:#dc2626}.tenant-dropdown-backdrop{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}@media (max-width:768px){.tenant-button{min-width:150px;padding:.5rem .75rem}.tenant-code,.tenant-details,.tenant-name{max-width:100px}}.tenant-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;margin:2rem auto;max-height:90vh;max-width:700px;overflow-y:auto;padding:32px;width:100%}.dark .tenant-modal-content{background:#1f2937}.tenant-modal-content h2{color:#374151;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.dark .tenant-modal-content h2{color:#f3f4f6}.tenant-modal-description{color:#6b7280;line-height:1.5;margin:0 0 2rem}.dark .tenant-modal-description{color:#9ca3af}.info-note{background:#374151;border-left:3px solid #818cf8;border-radius:4px;color:#d1d5db;font-size:14px;line-height:1.5;margin-top:12px;padding:12px}.group-card{background:linear-gradient(135deg,#4c1d95,#5b21b6);border-color:#6d28d9}.group-avatar{align-items:center;background:linear-gradient(135deg,#818cf8,#6366f1);display:flex;justify-content:center}.group-member-count{color:#d1d5db;font-size:12px;margin-right:8px}.tenant-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{gap:.5rem}.form-group label{font-size:.875rem}.form-group input,.form-group select,.form-group textarea{border-radius:.375rem;font-size:.875rem;padding:.75rem}.form-group input.error,.form-group textarea.error{border-color:#ef4444}.dark .form-group input,.dark .form-group select,.dark .form-group textarea{background:#374151;border-color:#4b5563}.code-input-group{display:flex;gap:.5rem}.code-input-group input{flex:1 1}.generate-code-btn{background:#667eea;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.75rem 1rem;transition:background-color .2s ease;white-space:nowrap}.generate-code-btn:hover{background:#5a67d8}.generate-code-btn:disabled{background:#9ca3af;cursor:not-allowed}.form-row{grid-gap:1rem;gap:1rem}.color-input-group{align-items:center;display:flex;gap:.5rem}.color-input-group input[type=color]{cursor:pointer;height:2.5rem;padding:.25rem;width:3rem}.color-text-input{flex:1 1;font-family:monospace}.error-text{color:#ef4444;font-size:.75rem}.help-text{font-size:.75rem;line-height:1.4}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;color:#dc2626;font-size:.875rem;padding:.75rem}.dark .error-message{background:#451a1a;border-color:#7f1d1d;color:#fca5a5}.modal-actions{border-top:1px solid #e5e7eb;gap:1rem;margin-top:1rem;padding-top:1rem}.dark .modal-actions{border-top-color:#374151}.cancel-button,.create-button,.save-button{border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-button{background:#f3f4f6}.cancel-button:hover{background:#e5e7eb}.dark .cancel-button{background:#374151;color:#d1d5db}.dark .cancel-button:hover{background:#4b5563}.create-button,.save-button{background:#667eea;color:#fff}.create-button:hover,.save-button:hover{background:#5a67d8}.cancel-button:disabled,.create-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.6}.variables-modal{max-width:800px}.variables-container{display:flex;flex-direction:column;gap:2rem}.add-variable-section h3,.variables-list h3{color:#374151;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.dark .add-variable-section h3,.dark .variables-list h3{color:#f3f4f6}.empty-state{background:#f9fafb;border:1px dashed #d1d5db;border-radius:.5rem}.dark .empty-state{background:#1f2937;border-color:#374151}.variables-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.variable-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;transition:all .2s ease}.variable-card:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.dark .variable-card{background:#1f2937;border-color:#374151}.dark .variable-card:hover{border-color:#4b5563}.variable-card.editing{background:#fafbff;border-color:#667eea}.dark .variable-card.editing{background:#1e1b4b;border-color:#818cf8}.variable-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.variable-name{align-items:center;display:flex;flex:1 1;gap:.5rem}.variable-actions{display:flex;gap:.25rem}.variable-name code{background:#e5e7eb;border-radius:.25rem;color:#374151;font-family:monospace;font-size:.75rem;padding:.25rem .5rem}.dark .variable-name code{background:#374151;color:#f3f4f6}.source-badge{border-radius:.25rem;font-size:.625rem;padding:.125rem .375rem;text-transform:uppercase}.source-badge.global{background:#f3e8ff;color:#7c3aed}.dark .source-badge.global{background:#581c87;color:#c4b5fd}.delete-button,.edit-button{border-radius:.25rem;font-size:1rem;opacity:.6;padding:.25rem;transition:opacity .2s ease,transform .1s ease}.delete-button:hover,.edit-button:hover{opacity:1;transform:scale(1.1)}.delete-button:hover{filter:brightness(1.2)}.variable-value{color:#374151;font-size:.875rem;margin-bottom:.5rem;word-break:break-word}.dark .variable-value{color:#d1d5db}.variable-description{color:#6b7280;font-size:.75rem;line-height:1.4}.dark .variable-description{color:#9ca3af}.variable-form{display:flex;flex-direction:column;gap:1rem}.checkbox-group{align-items:center;flex-direction:row;gap:.5rem}.checkbox-label{font-weight:400;gap:.5rem}.form-actions{gap:.5rem}.add-variable-section{border-top:1px solid #e5e7eb;padding-top:2rem}.dark .add-variable-section{border-top-color:#374151}@media (max-width:768px){.tenant-modal-content{max-height:95vh;max-width:95vw}.form-row,.variables-grid{grid-template-columns:1fr}.code-input-group,.color-input-group{flex-direction:column}.color-input-group{align-items:flex-start}}.tenant-members-section{margin-bottom:2rem}.tenant-members-section h3{color:#374151;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.dark .tenant-members-section h3{color:#f3f4f6}.members-list{gap:.75rem}.member-card{align-items:center;background:#00000005;border:1px solid #0000001a;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.dark .member-card{background:#ffffff0d;border-color:#ffffff1a}.member-card:hover{background:#0000000a;border-color:#00000026}.dark .member-card:hover{background:#ffffff14;border-color:#ffffff26}.member-info{flex:1 1;gap:.75rem}.member-avatar,.member-info{align-items:center;display:flex}.member-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.member-details{display:flex;flex-direction:column;gap:.25rem}.member-email{color:#374151;font-weight:500}.dark .member-email{color:#f3f4f6}.member-meta{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.member-role{font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.member-role.role-admin{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#f59e0b}.member-role.role-member{background:#3b82f61a;border:1px solid #3b82f64d;color:#3b82f6}.member-actions{align-items:center;display:flex;gap:.5rem}.role-selector{background:#fff;border:1px solid #0003;color:#374151;font-size:.875rem;padding:.5rem;transition:all .2s ease}.dark .role-selector{background:#ffffff0d;border-color:#fff3;color:#f3f4f6}.role-selector:hover{border-color:#0000004d}.dark .role-selector:hover{border-color:#ffffff4d}.remove-button{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.remove-button:hover{background:#ef444433;border-color:#ef444480}.assign-button{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.assign-button:hover:not(:disabled){background:#3b82f633;border-color:#3b82f680}.assign-button.admin{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.assign-button.admin:hover:not(:disabled){background:#f59e0b33;border-color:#f59e0b80}.assign-button:disabled{cursor:not-allowed;opacity:.5}.empty-state{padding:2rem}.loading-state{padding:2rem;text-align:center}.error-message{border-radius:6px;color:#ef4444;margin-bottom:1rem;padding:1rem}.success-message{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;color:#22c55e;margin-bottom:1rem;padding:1rem}.help-text{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.dark .help-text{color:#9ca3af}.modal-overlay{animation:fadeIn .2s ease-out;z-index:20000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideIn .2s ease-out;background:#939393;border-radius:.5rem;box-shadow:0 10px 25px #00000026;padding:2rem;position:relative}.modal-content.modal-custom{align-items:center;background:#0000;box-shadow:none;display:flex;justify-content:center;max-width:none;padding:0;position:relative;width:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{border-radius:.375rem;padding:.5rem;position:absolute;right:1rem;top:1rem}.modal-close:hover{background:#eef2f7}.modal-custom .modal-close{background:#9393930f;border:1px solid #e5e7eb;box-shadow:0 2px 4px #0000001a;z-index:10}.modal-overlay .modal-close{z-index:20001}.dark .modal-custom .modal-close{background:#1f2937;border-color:#374151;color:#9ca3af}.modal-icon{align-items:center;border-radius:50%;display:flex;height:3rem;justify-content:center;margin:0 auto 1rem;width:3rem}.modal-success .modal-icon{background:#d1fae5;color:#065f46}.dark .modal-success .modal-icon{background:#064e3b;color:#6ee7b7}.modal-error .modal-icon{background:#fee2e2;color:#991b1b}.dark .modal-error .modal-icon{background:#7f1d1d;color:#fca5a5}.modal-warning .modal-icon{background:#fef3c7;color:#92400e}.dark .modal-warning .modal-icon{background:#78350f;color:#fde68a}.modal-info .modal-icon{background:#dbeafe;color:#1e40af}.dark .modal-info .modal-icon{background:#1e3a8a;color:#93c5fd}.modal-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:.75rem;text-align:center}.dark .modal-title{color:#f3f4f6}.modal-message{color:#6b7280;line-height:1.5;margin-bottom:1.5rem;text-align:center}.dark .modal-message{color:#d1d5db}.modal-actions{gap:.75rem;justify-content:center}.modal-btn{border:none;border-radius:.5rem;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.modal-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.modal-btn-secondary{background:#f3f4f6;color:#374151}.modal-btn-secondary:hover{background:#e5e7eb}.dark .modal-btn-secondary{background:#374151;color:#f3f4f6}.dark .modal-btn-secondary:hover{background:#4b5563}.modal-btn-danger{background:#ef4444;color:#fff}.modal-btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.api-key-management{background:#0000;border-radius:8px;padding:20px}.api-key-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.api-key-header h3{color:#f3f4f6;font-size:18px;font-weight:600;margin:0}.header-actions{align-items:center;display:flex;gap:12px}.api-docs-button{align-items:center;background:#374151;border:1px solid #4b5563;border-radius:6px;color:#d1d5db;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s}.api-docs-button:hover{background:#4b5563;border-color:#6b7280;color:#f3f4f6}.create-button{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:background .2s}.create-button:hover:not(:disabled){background:#2563eb}.create-button:disabled{cursor:not-allowed;opacity:.5}.api-key-form{background:#1f2937;border:1px solid #374151;border-radius:8px;margin-bottom:20px;padding:20px}.form-group label{color:#e5e7eb}.form-group input[type=datetime-local],.form-group input[type=text],.form-group textarea{background:#111827;border:1px solid #374151;border-radius:6px;color:#f3f4f6;font-family:inherit;font-size:14px;padding:8px 12px;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.permissions-grid,.tenants-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.permission-checkbox,.tenant-checkbox{align-items:center;background:#111827;border:1px solid #374151;border-radius:6px;color:#e5e7eb;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;-webkit-user-select:none;user-select:none}.permission-checkbox input,.tenant-checkbox input{cursor:pointer}.permission-checkbox:hover,.tenant-checkbox:hover{background:#1f2937;border-color:#4b5563}.submit-button{background:#10b981}.submit-button:hover:not(:disabled){background:#059669}.cancel-button{background:#e5e7eb;color:#374151}.cancel-button:hover:not(:disabled){background:#d1d5db}.api-keys-list{grid-gap:12px;display:grid;gap:12px}.empty-state{padding:40px 20px}.api-key-card{background:#1f2937;border:1px solid #374151;border-radius:8px;padding:16px;transition:all .2s}.api-key-card:hover{border-color:#4b5563;box-shadow:0 1px 3px #0000004d}.key-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.key-header h4{color:#f3f4f6;font-size:16px;font-weight:600;margin:0 0 4px}.key-prefix{color:#9ca3af;font-family:Monaco,Courier New,monospace;font-size:12px;margin:0}.key-actions{display:flex;gap:8px}.delete-button,.edit-button{align-items:center;border-radius:4px;display:flex;justify-content:center;padding:6px 10px;transition:all .2s}.edit-button{background:#e0e7ff;color:#4f46e5}.edit-button:hover{background:#c7d2fe}.delete-button{background:#fee2e2}.delete-button:hover{background:#fecaca}.key-details{color:#d1d5db;font-size:14px}.key-details p{margin:0 0 8px}.key-meta{color:#9ca3af;display:flex;font-size:12px;gap:16px;margin-bottom:8px}.key-permissions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.permission-badge{background:#dbeafe;border-radius:4px;color:#1e40af;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.modal-content{border:1px solid #374151;box-shadow:0 20px 25px #00000080}.new-key-modal h3{color:#f3f4f6;font-size:18px;font-weight:600;margin:0 0 12px}.warning{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:4px;color:#92400e;font-size:14px;margin:0 0 16px;padding:12px}.key-display{margin-bottom:20px}.key-input-group{align-items:center;display:flex;gap:8px}.key-input{color:#f3f4f6;flex:1 1;font-family:Monaco,Courier New,monospace;font-size:13px;padding:10px 12px}.copy-button,.key-input,.toggle-button{background:#111827;border:1px solid #374151;border-radius:6px}.copy-button,.toggle-button{align-items:center;color:#e5e7eb;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .2s}.copy-button:hover,.toggle-button:hover{background:#1f2937;border-color:#4b5563}.close-button{background:#3b82f6;border-radius:6px;color:#fff;font-weight:500;padding:10px 20px;transition:background .2s}.close-button:hover{background:#2563eb}.alert-error{background:#fee2e2}.alert-success{background:#dcfce7}.n8n-settings-container{margin:0 auto;max-width:600px;padding:1.5rem}.n8n-settings-header{margin-bottom:2rem}.n8n-settings-header h2{color:#f3f4f6;font-size:1.5rem;margin-bottom:.5rem}.n8n-settings-header p{color:#9ca3af;font-size:.95rem}.dark .n8n-settings-header h2{color:#f3f4f6}.dark .n8n-settings-header p{color:#d1d5db}.alert{border-radius:.5rem;font-size:.95rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.dark .alert-error{background:#ef444426;border-color:#ef444466;color:#fecaca}.dark .alert-success{background:#22c55e26;border-color:#22c55e66;color:#bbf7d0}.alert svg{flex-shrink:0}.loading-state{color:#9ca3af;gap:1rem;padding:3rem 1.5rem}.loading-state .spinner{animation:spin 1s linear infinite}.n8n-settings-form{background:#1f293780;border:1px solid #6b72804d;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.dark .n8n-settings-form{background:#11182780;border-color:#6b728066}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group label{margin-bottom:.5rem}.form-group label,.form-input{color:#f3f4f6;font-size:.95rem}.form-input{background:#37415180;border:1px solid #6b7280;border-radius:.5rem;padding:.625rem .875rem;transition:all .2s;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input::placeholder{color:#9ca3af}.form-group small{color:#9ca3af;font-size:.85rem;margin-top:.375rem}.form-actions{border-top:1px solid #6b728033;gap:1rem;margin-top:2rem;padding-top:1.5rem}.btn{border-radius:.5rem;font-size:.95rem;padding:.625rem 1.25rem}.btn-primary{background:#667eea}.btn-primary:hover:not(:disabled){background:#5568d3}.btn-secondary{background:#6b72804d;border:1px solid #6b728080;color:#f3f4f6}.btn-secondary:hover:not(:disabled){background:#6b728066}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.test-result{align-items:center;border-radius:.5rem;display:flex;font-size:.95rem;gap:.75rem;margin-top:1rem;padding:1rem}.test-result.success{background:#22c55e1a;border:1px solid #22c55e4d;color:#86efac}.test-result.failed{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5}.n8n-info-box{background:#1f293780;border:1px solid #667eea33;border-radius:.75rem;padding:1.5rem}.dark .n8n-info-box{background:#11182780;border-color:#667eea4d}.n8n-info-box h3{color:#f3f4f6;font-size:1rem;margin-bottom:1rem}.n8n-info-box ol{color:#d1d5db;font-size:.9rem;line-height:1.6;margin:0;padding-left:1.5rem}.n8n-info-box li{margin-bottom:.5rem}.integrations-grid-container{padding:20px}.integrations-header{margin-bottom:30px}.integrations-header h2{color:#e0e0e0;font-size:24px;font-weight:600;margin:0 0 8px}.integrations-header p{color:#999;font-size:14px;margin:0}.integrations-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:30px}.integration-card{background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border:1px solid #333;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:16px;padding:24px;transition:all .3s ease}.integration-card:hover{background:linear-gradient(135deg,#222,#111);border-color:#555;box-shadow:0 8px 24px #00000080;transform:translateY(-2px)}.integration-logo{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;height:80px;justify-content:center;padding:12px}.integration-logo img{filter:brightness(.9);max-height:100%;max-width:100%;object-fit:contain;transition:filter .3s ease}.integration-card:hover .integration-logo img{filter:brightness(1)}.integration-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.integration-info h3{color:#e0e0e0;font-size:18px;font-weight:600;margin:0}.integration-info p{color:#999;font-size:13px;line-height:1.4;margin:0}.integration-category{background:#ffffff0d;border-radius:4px;color:#666;display:inline-block;font-size:11px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.integration-action{display:flex;gap:8px}.btn-configure{background:#06c;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s ease}.btn-configure:hover{background:#0052a3;box-shadow:0 4px 12px #0066cc4d}.btn-configure:active{transform:scale(.98)}.integration-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.integration-modal{background:#0a0a0a;border:1px solid #333;border-radius:12px;box-shadow:0 20px 60px #000c;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.integration-modal-header{align-items:center;background:#0a0a0a;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.integration-modal-header h2{color:#e0e0e0;font-size:20px;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s ease}.modal-close-btn:hover{color:#e0e0e0}.integration-modal-content{padding:24px}@media (max-width:768px){.integrations-grid{grid-template-columns:1fr}.integration-modal{max-width:95vw}}.team-members-management{padding:20px}.team-members-error,.team-members-loading{color:#fff9;padding:40px;text-align:center}.team-members-error{color:#ef4444}.team-members-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.team-members-header h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 4px}.team-members-subtitle{color:#fff9;font-size:14px;margin:0}.team-members-actions{display:flex;gap:12px}.invite-member-button{background:#6366f1;border:none;border-radius:6px;color:#fff;transition:background .2s}.invite-member-button,.transfer-ownership-button{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px}.transfer-ownership-button{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:6px;color:#f59e0b;transition:all .2s}.transfer-ownership-button:hover{background:#f59e0b33;border-color:#f59e0b80}.invite-member-button:hover{background:#5558e3}.team-members-list{display:flex;flex-direction:column;gap:12px}.team-member-card{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:background .2s}.team-member-card:hover{background:#ffffff0d}.team-member-info{align-items:center;display:flex;flex:1 1;gap:12px}.team-member-avatar{align-items:center;background:#6366f133;border-radius:50%;color:#6366f1;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.team-member-details{display:flex;flex-direction:column;gap:4px;min-width:0}.team-member-email{color:#fff;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-member-meta{align-items:center;display:flex;font-size:12px;gap:12px}.team-member-role{border-radius:4px;font-weight:500;padding:2px 8px;text-transform:capitalize}.team-member-role.role-owner{background:#ef44441a;color:#ef4444}.team-member-role.role-admin{background:#6366f11a;color:#6366f1}.team-member-role.role-member{background:#ffffff1a;color:#ffffffb3}.team-member-last-login{color:#ffffff80}.team-member-actions{align-items:center;display:flex;gap:8px}.role-selector{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 10px;transition:all .2s}.role-selector:hover{background:#ffffff14;border-color:#fff3}.role-selector:disabled{cursor:not-allowed;opacity:.5}.remove-member-button{align-items:center;background:#0000;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.remove-member-button:hover{background:#ef44441a;border-color:#ef4444}.modal-close{color:#fff9;line-height:1;transition:all .2s}.invite-form{padding:24px}.form-group label{color:#ffffffe6}.form-group input,.form-group select{background:#ffffff0d;border-radius:6px;font-family:inherit;padding:10px 12px;width:100%}.form-group input:focus,.form-group select:focus{background:#ffffff14;border-color:#6366f1}.form-group input::placeholder{color:#fff6}.modal-actions{margin-top:24px}.cancel-button,.submit-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.cancel-button{color:#ffffffe6}.cancel-button:hover:not(:disabled){background:#ffffff1a}.submit-button{background:#6366f1}.submit-button:hover:not(:disabled){background:#5558e3}.cancel-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.5}.submit-button.danger{background:#ef4444}.submit-button.danger:hover:not(:disabled){background:#dc2626}.transfer-warning{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.transfer-warning svg{flex-shrink:0;margin-top:2px}.transfer-warning strong{color:#f59e0b;display:block;font-size:14px;margin-bottom:4px}.transfer-warning p{color:#fffc;font-size:13px;line-height:1.5;margin:0}.audit-logs{padding:20px}.no-site-account-message{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;color:#fff9;padding:40px;text-align:center}.audit-logs-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.audit-logs-header h3{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:600;gap:12px;margin:0 0 4px}.audit-logs-subtitle{color:#fff9;font-size:14px;margin:0}.audit-logs-subtitle strong{color:#6366f1}.filter-toggle-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#ffffffe6;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.filter-toggle-button:hover{background:#ffffff14;border-color:#6366f1}.filters-panel{align-items:flex-end;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:16px;margin-bottom:24px;padding:20px}.filter-group label{color:#ffffffe6;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.filter-group select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;font-family:inherit;padding:10px 12px;transition:all .2s;width:100%}.filter-group select:focus{background:#ffffff14;border-color:#6366f1;outline:none}.clear-filters-button{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;font-weight:500;padding:10px 16px;transition:all .2s;white-space:nowrap}.clear-filters-button:hover{background:#ef444433}.loading-message,.no-logs-message{color:#fff9;padding:40px;text-align:center}.audit-logs-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.audit-log-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:16px;padding:16px;transition:background .2s}.audit-log-item:hover{background:#ffffff0d}.log-icon{flex-shrink:0;font-size:24px;line-height:1}.log-content{flex:1 1;min-width:0}.log-main{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.log-action{color:#fff;font-size:15px;font-weight:600}.log-actor{color:#ffffffb3;font-size:14px}.log-target{color:#6366f1;font-size:14px;font-weight:500}.log-meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.log-time{color:#ffffff80;font-size:13px}.log-ip{color:#fff6;font-family:Courier New,monospace;font-size:12px}.view-details-button{background:#6366f11a;border:1px solid #6366f14d;border-radius:4px;color:#6366f1;font-weight:500;padding:4px 10px;transition:all .2s}.view-details-button:hover{background:#6366f133}.log-details{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;margin-top:12px;overflow-x:auto;padding:12px}.log-details pre{color:#fffc;font-family:Courier New,monospace;font-size:12px;margin:0;white-space:pre-wrap;word-break:break-all}.pagination{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.pagination-info{color:#ffffffb3}.pagination-buttons{display:flex;gap:12px}.pagination-button{border-radius:6px;color:#ffffffe6;padding:8px 16px;transition:all .2s}.pagination-button:hover:not(:disabled){background:#ffffff14;border-color:#6366f1;color:#6366f1}@media (max-width:768px){.audit-logs-header{flex-direction:column;gap:16px}.filters-panel{align-items:stretch;flex-direction:column}.pagination{flex-direction:column;gap:12px}.pagination-buttons{width:100%}.pagination-button{flex:1 1}.log-main{align-items:flex-start;flex-direction:column}}.team-member-groups{padding:20px}.groups-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.groups-header h3{color:#d1d5db;margin:0}.groups-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:350px 1fr;min-height:400px}.groups-list{background:#374151;border-radius:8px;padding:16px}.groups-list h4{color:#d1d5db;font-size:14px;font-weight:600;margin:0 0 12px}.groups-items{display:flex;flex-direction:column;gap:8px}.group-item{background:#1f2937;border:1px solid #4b5563;border-radius:6px;cursor:pointer;padding:12px;transition:all .2s}.group-item:hover{background:#2d3748;border-color:#6b7280}.group-item.active{background:#4b5563;border-color:#818cf8}.group-item-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.group-item-header svg{color:#818cf8}.group-name{color:#f3f4f6;flex:1 1;font-weight:600}.group-item-meta{color:#9ca3af;display:flex;font-size:12px;gap:8px;margin-bottom:8px}.group-item-actions{display:flex;gap:6px;justify-content:flex-end}.group-members-panel{background:#374151;border-radius:8px;max-height:600px;overflow-y:auto;padding:16px}.group-members-panel h4{color:#d1d5db;font-size:16px;font-weight:600;margin:0 0 16px}.members-section{margin-bottom:24px}.members-section h5{color:#d1d5db;font-size:14px;font-weight:600;margin:0 0 12px}.members-list{display:flex;flex-direction:column;gap:8px}.member-item{align-items:center;background:#1f2937;border:1px solid #4b5563;border-radius:6px;display:flex;gap:12px;padding:10px 12px}.member-email{color:#f3f4f6;flex:1 1;font-size:14px}.member-role{background:#4b5563;border-radius:4px;color:#9ca3af;font-size:12px;padding:2px 8px;text-transform:capitalize}.btn{border-radius:6px;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.btn-primary{background:#818cf8}.btn-primary:hover{background:#6366f1}.btn-secondary{background:#4b5563;color:#d1d5db}.btn-secondary:hover{background:#6b7280}.btn-icon.btn-primary{border-color:#4c1d95;color:#818cf8}.btn-icon.btn-primary:hover{background:#4c1d95;border-color:#5b21b6}.modal-overlay{z-index:2000}.modal-content{background:#1f2937;padding:24px}.modal-header{margin-bottom:20px}.modal-header h3{color:#f3f4f6}.form-group label{color:#d1d5db;margin-bottom:6px}.form-group input,.form-group textarea{background:#374151;border:1px solid #4b5563;border-radius:6px;color:#f3f4f6;font-family:inherit;font-size:14px;padding:8px 12px;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#818cf8;outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.tenant-access{padding:20px}.tenant-access-header{margin-bottom:20px}.badge-you{background:#3b82f6;border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px;text-transform:uppercase}.tenant-access-header h3{color:#d1d5db;margin:0 0 8px}.tenant-access-header .description{color:#9ca3af;font-size:14px;margin:0}.tenant-access-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:300px 1fr;min-height:500px}.tenants-list{background:#374151;border-radius:8px;padding:16px}.tenants-list h4{color:#d1d5db;font-size:14px;font-weight:600;margin:0 0 12px}.tenant-items{display:flex;flex-direction:column;gap:8px}.tenant-item{background:#1f2937;border:1px solid #4b5563;border-radius:6px;cursor:pointer;padding:12px;transition:all .2s}.tenant-item:hover{background:#2d3748;border-color:#6b7280}.tenant-item.active{background:#4b5563;border-color:#818cf8}.tenant-name{color:#f3f4f6;margin-bottom:4px}.tenant-code{color:#9ca3af;font-family:monospace}.access-panel{background:#374151;border-radius:8px;max-height:700px;overflow-y:auto;padding:20px}.access-panel h4{color:#d1d5db;font-size:16px;font-weight:600;margin:0 0 20px}.access-section{border-bottom:1px solid #4b5563;margin-bottom:32px;padding-bottom:32px}.access-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.access-section h5{align-items:center;color:#d1d5db;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 16px}.access-section h5 svg{color:#818cf8}.access-section h6{color:#9ca3af;font-size:13px;font-weight:600;letter-spacing:.5px;margin:16px 0 12px;text-transform:uppercase}.access-list{display:flex;flex-direction:column;gap:8px}.access-item{align-items:center;background:#1f2937;border:1px solid #4b5563;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.access-item.group-item{background:linear-gradient(135deg,#4c1d95,#5b21b6);border-color:#6d28d9}.access-info{flex:1 1;gap:12px}.access-actions,.access-info{align-items:center;display:flex}.access-actions{gap:8px}.access-name{color:#f3f4f6;flex:1 1;font-weight:500}.access-meta{color:#9ca3af;font-size:12px}.access-role{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.access-role.role-admin{background:#7c2d12;color:#fca5a5}.access-role.role-member{background:#1e3a8a;color:#93c5fd}.role-dropdown-container{position:relative}.role-dropdown{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 8 2 4h8z'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;background-size:10px;border:1px solid #0000;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:4px 24px 4px 8px;text-transform:capitalize;transition:all .2s ease}.role-dropdown:hover{border-color:#ffffff4d;opacity:.9}.role-dropdown:focus{border-color:#ffffff80;box-shadow:0 0 0 2px #ffffff1a;outline:none}.role-dropdown.role-admin{background-color:#7c2d12;color:#fca5a5}.role-dropdown.role-member{background-color:#1e3a8a;color:#93c5fd}.role-dropdown option{background:#1f2937;color:#f3f4f6}.add-access{border-top:1px solid #4b5563;margin-top:16px;padding-top:16px}.add-access-list{display:flex;flex-direction:column;gap:8px}.add-access-item{align-items:center;background:#1f2937;border:1px solid #4b5563;border-radius:6px;display:flex;gap:8px;padding:8px 10px}.add-access-name{color:#f3f4f6;flex:1 1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-access-meta{color:#9ca3af;flex-shrink:0;font-size:11px}.add-access-actions{display:flex;flex-shrink:0;gap:4px}.btn-small{border:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:500;padding:4px 8px;transition:all .2s;white-space:nowrap}.btn-small.btn-primary{background:#818cf8;color:#fff}.btn-small.btn-primary:hover{background:#6366f1}.btn-small.btn-secondary{background:#4b5563;color:#d1d5db}.btn-small.btn-secondary:hover{background:#6b7280}.btn-icon{align-items:center;background:#0000;border:1px solid #4b5563;color:#d1d5db;display:inline-flex;justify-content:center;padding:6px;transition:all .2s}.btn-icon:hover{background:#4b5563;border-color:#6b7280}.btn-icon.btn-danger{border-color:#7f1d1d;color:#f87171}.btn-icon.btn-danger:hover{background:#7f1d1d;border-color:#991b1b}.empty-state{color:#9ca3af;font-size:14px;font-style:italic;padding:20px}.alert{justify-content:space-between}.alert-error{background:#7f1d1d;border:1px solid #991b1b;color:#fecaca}.alert-success{background:#065f46;border:1px solid #047857;color:#a7f3d0}.alert-close{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;width:24px}.loading{color:#9ca3af;font-size:16px}.subscription-management{display:flex;flex-direction:column;gap:32px;max-width:1000px}.error-banner{align-items:center;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#991b1b;display:flex;gap:12px;margin-bottom:16px;padding:16px}.dark .error-banner{background:#7f1d1d;border-color:#dc2626;color:#fecaca}.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.dark .loading-state{color:#9ca3af}.current-subscription{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:24px}.dark .current-subscription{background:#1f2937;border-color:#374151}.subscription-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.subscription-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.dark .subscription-header h3{color:#f3f4f6}.status-badge{border-radius:20px;padding:6px 12px;text-transform:uppercase}.status-active{background:#d1fae5;color:#065f46}.dark .status-active{background:#064e3b;color:#86efac}.status-trial{background:#dbeafe;color:#0c4a6e}.dark .status-trial{background:#0c2d48;color:#93c5fd}.status-cancelled{background:#fee2e2;color:#7f1d1d}.dark .status-cancelled{background:#7f1d1d;color:#fecaca}.subscription-details{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.detail-item{align-items:flex-start;gap:12px}.detail-item svg{color:#667eea;flex-shrink:0;margin-top:2px}.detail-item label{color:#6b7280;display:block;margin-bottom:4px}.dark .detail-item label{color:#9ca3af}.detail-item p{color:#111827;font-size:16px;font-weight:500}.dark .detail-item p{color:#f3f4f6}.cancel-button,.manage-payment-button{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#111827;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.dark .cancel-button,.dark .manage-payment-button{background:#374151;border-color:#4b5563;color:#f3f4f6}.cancel-button:hover:not(:disabled),.manage-payment-button:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.dark .cancel-button:hover:not(:disabled),.dark .manage-payment-button:hover:not(:disabled){background:#4b5563;border-color:#6b7280}.cancel-button:disabled,.manage-payment-button:disabled{cursor:not-allowed;opacity:.5}.available-plans{display:flex;flex-direction:column;gap:16px}.available-plans h3{color:#111827;font-size:18px;font-weight:600;margin:0}.dark .available-plans h3{color:#f3f4f6}.plans-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.plan-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;padding:16px;position:relative;transition:all .2s ease}.dark .plan-card{background:#1f2937;border-color:#374151}.plan-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.plan-card.current{background:#f0fdf4;border-color:#10b981}.dark .plan-card.current{background:#064e3b;border-color:#10b981}.current-plan-badge{align-items:center;background:#10b981;border-radius:4px;color:#fff;display:flex;font-size:11px;font-weight:600;gap:6px;padding:4px 8px;position:absolute;right:12px;top:12px}.plan-card h4{color:#111827;font-size:14px;font-weight:600;margin:0 0 6px}.dark .plan-card h4{color:#f3f4f6}.plan-description{color:#6b7280;flex-grow:1;font-size:12px;margin:0 0 12px}.dark .plan-description{color:#9ca3af}.plan-price{align-items:baseline;display:flex;gap:4px;margin-bottom:12px}.price{color:#111827;font-size:20px;font-weight:700}.dark .price{color:#f3f4f6}.period{color:#6b7280;font-size:12px}.dark .period{color:#9ca3af}.change-plan-button{align-items:center;background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;justify-content:center;margin-top:auto;padding:8px 12px;transition:all .2s ease;width:100%}.change-plan-button:hover:not(:disabled){background:#5568d3}.change-plan-button.disabled,.change-plan-button:disabled{background:#d1d5db;cursor:not-allowed;opacity:.7}.payment-settings{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:24px}.dark .payment-settings{background:#1f2937;border-color:#374151}.payment-settings h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 8px}.dark .payment-settings h3{color:#f3f4f6}.settings-description{color:#6b7280;font-size:14px;margin:0 0 16px}.dark .settings-description{color:#9ca3af}.modal-overlay{background:#00000080}.modal-content{box-shadow:0 20px 25px -5px #0000001a}.dark .modal-content{box-shadow:0 20px 25px -5px #0000004d}.modal-header h2{color:#111827;font-size:20px;font-weight:600}.dark .modal-header h2{color:#f3f4f6}.modal-close{transition:color .2s ease}.modal-close:hover{color:#111827}.dark .modal-close:hover{color:#f3f4f6}.modal-body{color:#374151}.dark .modal-body{color:#d1d5db}.modal-body p{margin:0}.modal-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.modal-button.cancel{background:#f3f4f6;border:1px solid #e5e7eb;color:#111827}.dark .modal-button.cancel{background:#374151;border-color:#4b5563;color:#f3f4f6}.modal-button.cancel:hover{background:#e5e7eb}.dark .modal-button.cancel:hover{background:#4b5563}.modal-button.danger{background:#dc2626;color:#fff}.modal-button.danger:hover:not(:disabled){background:#b91c1c}.modal-button:disabled{cursor:not-allowed;opacity:.5}.site-settings-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.site-settings-modal{background:#939393;border-radius:12px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;transition:max-width .3s ease;width:100%}.site-settings-modal.expanded{max-height:95vh;max-width:1600px}.dark .site-settings-modal{background:#1f2937;color:#f3f4f6}.site-settings-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.dark .site-settings-header{border-bottom-color:#374151}.site-settings-header h2{align-items:center;color:#111827;display:flex;font-size:24px;font-weight:600;gap:12px;margin:0}.dark .site-settings-header h2{color:#f3f4f6}.close-button{border-radius:8px;padding:8px}.alert{margin:0 24px 16px;padding:12px 24px}.alert-error{color:#dc2626}.alert-success{color:#16a34a}.dark .alert-error{background:#7f1d1d;border-color:#dc2626}.dark .alert-success{background:#14532d;border-color:#16a34a}.site-settings-tabs{border-bottom:1px solid #e5e7eb;display:flex;padding:0 24px}.dark .site-settings-tabs{border-bottom-color:#374151}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:16px 20px;transition:all .2s ease}.tab:hover{color:#374151}.tab.active{border-bottom-color:#667eea;color:#667eea}.dark .tab{color:#9ca3af}.dark .tab:hover{color:#f3f4f6}.dark .tab.active{border-bottom-color:#818cf8;color:#818cf8}.site-settings-content{height:100%;overflow-y:auto;padding:24px}.site-settings-content,.sso-configuration{display:flex;flex:1 1;flex-direction:column}.sso-configuration{max-width:100%}.sso-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.sso-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.dark .sso-header h3{color:#f3f4f6}.add-button{background:#667eea;padding:12px 16px;transition:background .2s ease}.add-button:hover{background:#5a67d8}.add-button:disabled{opacity:.6}.sso-config-form{background:#f8fafc;border:1px solid #e5e7eb;margin-bottom:24px;padding:24px}.dark .sso-config-form{background:#374151;border-color:#4b5563}.sso-config-form h4{color:#111827;font-size:16px;font-weight:600;margin:0 0 20px}.dark .sso-config-form h4{color:#f3f4f6}.form-row{grid-gap:16px;gap:16px;margin-bottom:16px}.form-group{gap:6px}.dark .form-group label{color:#d1d5db}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea}.dark .form-group input,.dark .form-group select,.dark .form-group textarea{background:#4b5563;border-color:#6b7280;color:#f3f4f6}.dark .form-group input:focus,.dark .form-group select:focus,.dark .form-group textarea:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}.auto-setup-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.auto-setup-info h5{align-items:center;display:flex;font-size:18px;gap:8px}.auto-setup-info p{line-height:1.5;margin:8px 0;opacity:.9}.auto-setup-info ul{opacity:.9;padding-left:20px}.auto-setup-info li{line-height:1.4;margin:6px 0}.auto-setup-buttons{display:flex;gap:12px;margin:16px 0}.auto-setup-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;font-size:16px;margin:16px 0;padding:14px 24px;transition:all .2s ease}.auto-setup-button:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}.auto-setup-button:disabled{transform:none}.setup-guide-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s ease}.setup-guide-button:hover{background:#fff3;border-color:#fff6;transform:translateY(-1px)}.setup-guide-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.manual-setup-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin:16px 0;padding:16px}.manual-setup-guide-button{background:#374151;border:2px solid #4b5563;border-radius:6px;color:#d1d5db;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:8px;padding:12px 20px;transition:all .2s ease;width:100%}.manual-setup-guide-button:hover{background:#4b5563;border-color:#6b7280;color:#f3f4f6}.manual-setup-guide-button:disabled{cursor:not-allowed;opacity:.6}.setup-guide-description{color:#ffffffb3;font-size:13px;line-height:1.4;margin:0;text-align:center}.dark .manual-setup-guide-button{background:#4b5563;border-color:#6b7280;color:#e5e7eb}.dark .manual-setup-guide-button:hover{background:#6b7280;border-color:#9ca3af;color:#f9fafb}@media (max-width:768px){.auto-setup-buttons{flex-direction:column}}.divider{margin:20px 0}.divider:after,.divider:before{background:#ffffff4d;height:1px}.divider span{font-size:14px;opacity:.8}.form-group small{font-style:italic}.form-actions{border-top:1px solid #e5e7eb;padding-top:16px}.dark .form-actions{border-top-color:#4b5563}.cancel-button{background:#6b7280;border:none;border-radius:6px;color:#fff;padding:10px 16px;transition:background .2s ease}.cancel-button:hover{background:#4b5563}.save-button{align-items:center;background:#10b981;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:background .2s ease}.save-button:hover{background:#059669}.save-button:disabled{opacity:.6}.sso-configs-list{display:flex;flex-direction:column;gap:12px}.sso-config-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:border-color .2s ease}.sso-config-card:hover{border-color:#d1d5db}.dark .sso-config-card{background:#374151;border-color:#4b5563}.dark .sso-config-card:hover{border-color:#6b7280}.config-header{align-items:center;margin-bottom:12px}.config-header h4{color:#111827;font-size:16px}.dark .config-header h4{color:#f3f4f6}.config-header p{color:#6b7280;font-size:14px}.dark .config-header p{color:#9ca3af}.config-actions{gap:8px}.delete-button,.edit-button{background:none;border:none;border-radius:6px;cursor:pointer;padding:8px;transition:background .2s ease}.edit-button{color:#667eea}.edit-button:hover{background:#eef2ff}.delete-button{color:#dc2626}.delete-button:hover{background:#fef2f2}.dark .edit-button:hover{background:#374151}.dark .delete-button:hover{background:#7f1d1d}.config-details{align-items:center;display:flex}.status{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.status.enabled{background:#d1fae5;color:#065f46}.status.disabled{background:#fee2e2;color:#991b1b}.dark .status.enabled{background:#14532d;color:#86efac}.dark .status.disabled{background:#7f1d1d;color:#fca5a5}.empty-state{color:#6b7280;padding:48px 20px}.dark .empty-state{color:#9ca3af}.empty-state p{margin:8px 0}.profile-tab h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 24px}.dark .profile-tab h3{color:#f3f4f6}.profile-info{gap:20px}.info-item,.profile-info{display:flex;flex-direction:column}.info-item{gap:6px}.info-item label{color:#374151;font-size:14px;font-weight:500}.dark .info-item label{color:#d1d5db}.info-item p{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;color:#111827;font-size:14px;margin:0;padding:10px 12px}.dark .info-item p{background:#4b5563;border-color:#6b7280;color:#f3f4f6}@media (max-width:768px){.site-settings-modal{height:calc(100vh - 32px);max-height:none;width:calc(100vw - 32px)}.form-row{grid-template-columns:1fr}.site-settings-tabs{overflow-x:auto}}.sso-configuration.side-by-side{display:flex;gap:16px;height:100%;max-height:calc(95vh - 120px)}.sso-configuration.side-by-side .setup-guide-sidebar{background:#f8fafc;border-radius:8px;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:100%;margin-right:0;max-width:750px;min-width:550px;overflow-y:auto;padding:8px;width:55%}.dark .setup-guide-sidebar{background:#374151;border-right-color:#374151}.sso-main-content{display:flex;flex:1 1;flex-direction:column;height:100%;min-width:500px;overflow-y:auto;padding-left:8px}.sso-full-content{width:100%}.setup-guide-sidebar-content{height:100%;overflow-y:auto;padding:0}.setup-guide-sidebar .setup-guide-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px}.dark .setup-guide-sidebar .setup-guide-header{background:#374151;border-bottom-color:#374151}.setup-guide-sidebar .setup-guide-content{font-size:14px;padding:16px}.setup-guide-sidebar .step-header h3{font-size:16px}.setup-guide-sidebar .code-block{font-size:12px;padding:8px}.setup-guide-sidebar .instruction h4{font-size:14px}.header-buttons{align-items:center;display:flex;gap:8px}.new-tab-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.new-tab-button:hover{background:#fff3;border-color:#ffffff4d}@media (max-width:1500px){.site-settings-modal.expanded{max-width:95vw}.sso-configuration.side-by-side{gap:16px}.setup-guide-sidebar,.sso-main-content{min-width:400px}}@media (max-width:1200px){.sso-configuration.side-by-side{flex-direction:column;height:auto;max-height:none}.setup-guide-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;margin-bottom:16px;margin-right:0;max-height:40vh;max-width:none;min-width:auto;width:100%}.dark .setup-guide-sidebar{border-bottom-color:#374151}.sso-main-content{min-width:auto;padding-left:0}}.modal-overlay{background:#0009;z-index:1200}.modal-content{background:#fff;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;overflow:hidden}.dark .modal-content{background:#1f2937;color:#f3f4f6}.modal-header{border-bottom:1px solid #e5e7eb}.dark .modal-header{border-bottom-color:#374151}.modal-header h3{color:#1f2937;font-size:18px}.dark .modal-header h3{color:#f3f4f6}.modal-close{border-radius:4px;color:#6b7280}.modal-close:hover{background:#f3f4f6;color:#374151}.dark .modal-close{color:#9ca3af}.dark .modal-close:hover{background:#374151;color:#e5e7eb}.modal-body{flex:1 1;overflow-y:auto}.modal-body .alert{margin-bottom:20px}.modal-body .alert ul{margin:8px 0 0;padding-left:20px}.modal-body .alert li{margin-bottom:4px}.modal-footer{align-items:center;border-top:1px solid #e5e7eb}.dark .modal-footer{border-top-color:#374151}.confirm-button{background:#3b82f6;border-radius:6px;padding:8px 16px;transition:all .2s ease}.confirm-button:hover:not(:disabled){background:#2563eb}.confirm-button:disabled{opacity:.6}.variables-tab{padding:24px}.variables-tab .tab-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.variables-tab .tab-header h3{color:#1f2937;margin:0 0 8px}.dark .variables-tab .tab-header h3{color:#f3f4f6}.variables-tab .tab-header p{color:#6b7280;font-size:14px;margin:0}.dark .variables-tab .tab-header p{color:#9ca3af}.variable-form-container{background:#f8fafc;border:1px solid #e5e7eb}.variables-table table{background:#fff}.profile-settings-modal{background:#1f2937;border-radius:12px;box-shadow:0 20px 40px #0000004d;margin:2rem auto;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.profile-settings-header{align-items:center;border-bottom:1px solid #374151;display:flex;justify-content:space-between;padding:24px}.profile-settings-header h2{color:#f3f4f6;font-size:24px;font-weight:600;margin:0}.profile-settings-header .close-button{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.profile-settings-header .close-button:hover{background:#374151;color:#f3f4f6}.profile-settings-content{padding:24px}.profile-avatar-section{display:flex;justify-content:center;margin-bottom:32px}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;height:120px;justify-content:center;width:120px}.profile-info-section{display:flex;flex-direction:column;gap:20px}.profile-info-section .info-item{display:flex;flex-direction:column;gap:8px}.profile-info-section .info-item label{color:#9ca3af;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.profile-info-section .info-item p{background:#111827;border:1px solid #374151;border-radius:8px;color:#f3f4f6;font-size:16px;margin:0;padding:12px}.profile-info-section .info-item p.verified{color:#10b981}.profile-info-section .info-item p.not-verified{color:#f59e0b}.variables-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1001}.variables-modal{background:#939393;border-radius:12px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.dark .variables-modal{background:#1f2937;color:#f3f4f6}.variables-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.dark .variables-modal-header{border-bottom-color:#374151}.variables-modal-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.dark .variables-modal-header h2{color:#f3f4f6}.close-button{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s ease}.close-button:hover{background:#f3f4f6;color:#374151}.dark .close-button{color:#9ca3af}.dark .close-button:hover{background:#374151;color:#f3f4f6}.variables-modal-content{flex:1 1;overflow-y:auto;padding:24px}.variables-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.variables-header p{color:#6b7280;flex:1 1;font-size:14px;margin:0 16px 0 0}.dark .variables-header p{color:#9ca3af}.variable-form-container{background:#9393930f;border:1px solid #93939314;border-radius:8px;margin-bottom:24px;padding:24px}.dark .variable-form-container{background:#374151;border-color:#4b5563}.variable-form h4{color:#1f2937;margin:0 0 20px}.dark .variable-form h4{color:#f3f4f6}.form-group{margin-bottom:16px}.form-group label{color:#374151;margin-bottom:4px}.dark .form-group label{color:#f3f4f6}.form-group input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s ease;width:100%}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.dark .form-group input{background:#4b5563;border-color:#6b7280;color:#f3f4f6}.dark .form-group input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.form-group small{color:#6b7280;display:block;font-size:12px;margin-top:4px}.dark .form-group small{color:#9ca3af}.checkbox-label{display:flex!important}.checkbox-label input[type=checkbox]{margin-right:8px;width:auto!important}.form-actions{margin-top:20px}.btn-primary{align-items:center;background:#3b82f6;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:background .2s ease}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{opacity:.6}.btn-secondary{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-secondary:hover{background:#e5e7eb}.dark .btn-secondary{background:#4b5563;border-color:#6b7280;color:#f3f4f6}.dark .btn-secondary:hover{background:#6b7280}.variables-table table{background:#9393930a;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.dark .variables-table table{background:#374151}.variables-table td,.variables-table th{border-bottom:1px solid #e5e7eb;padding:12px 16px;text-align:left}.dark .variables-table td,.dark .variables-table th{border-bottom-color:#4b5563}.variables-table th{background:#f8fafc;color:#374151;font-size:14px;font-weight:600}.dark .variables-table th{background:#4b5563;color:#f3f4f6}.variables-table td{font-size:14px}.variables-table code{background:#f3f4f6;border-radius:4px;color:#1f2937;font-size:12px;padding:2px 6px}.dark .variables-table code{background:#4b5563;color:#f3f4f6}.source-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.source-badge.tenant{background:#dbeafe;color:#1e40af}.source-badge.global{background:#f3f4f6;color:#6b7280}.dark .source-badge.tenant{background:#1e3a8a;color:#93c5fd}.dark .source-badge.global{background:#4b5563;color:#d1d5db}.sensitive-value{color:#6b7280;font-family:monospace}.variable-value{color:#1f2937;font-family:monospace;font-size:13px}.dark .variable-value{color:#f3f4f6}.btn-icon{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s ease}.btn-icon:hover{background:#f3f4f6;color:#374151}.dark .btn-icon{color:#9ca3af}.dark .btn-icon:hover{background:#4b5563;color:#f3f4f6}.btn-icon-danger{color:#dc2626!important}.btn-icon-danger:hover{background:#dc2626!important;color:#fff!important}.dark .btn-icon-danger{color:#ef4444!important}.dark .btn-icon-danger:hover{background:#dc2626!important;color:#fff!important}.variables-help{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;margin-top:32px;padding:20px}.dark .variables-help{background:#374151;border-left-color:#60a5fa}.variables-help h4{color:#1f2937;font-size:16px;margin:0 0 12px}.dark .variables-help h4{color:#f3f4f6}.variables-help p{color:#6b7280;font-size:14px;line-height:1.5;margin:8px 0}.dark .variables-help p{color:#9ca3af}.variables-help code{background:#e5e7eb;border-radius:3px;font-size:13px;padding:2px 4px}.dark .variables-help code{background:#4b5563}.alert{border-radius:6px;margin-bottom:16px;padding:12px 16px}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.dark .alert-error{background:#431c1c;border-color:#7f1d1d;color:#fca5a5}.dark .alert-success{background:#14351e;border-color:#166534;color:#86efac}.loading{color:#6b7280;padding:40px;text-align:center}.dark .loading{color:#9ca3af}.empty-state{padding:40px;text-align:center}.empty-state p{color:#6b7280;margin-bottom:16px}.dark .empty-state p{color:#9ca3af}.landing-page{background:linear-gradient(180deg,#0f172a,#1e293b 50%,#0f172a);color:#f3f4f6;min-height:100vh;overflow-x:hidden}.hero{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:120px 40px;position:relative}.hero:before{animation:pulse 15s ease-in-out infinite;background:radial-gradient(circle,#667eea1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:0}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.hero-content{position:relative;z-index:1}.hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:24px}.hero p{color:#cbd5e1;font-size:1.25rem;line-height:1.6;margin-bottom:40px}.hero-cta{display:flex;flex-wrap:wrap;gap:16px}.hero-visual{position:relative;z-index:1}.form-preview,.hero-visual{align-items:center;display:flex;justify-content:center}.form-preview{aspect-ratio:1;background:linear-gradient(135deg,#818cf81a,#60a5fa1a);border:2px solid #818cf84d;border-radius:16px;max-width:400px;padding:40px;width:100%}.form-card{display:flex;flex-direction:column;gap:16px;width:100%}.form-field{animation:shimmer 2s infinite;background:#818cf84d;border-radius:6px;height:12px}.form-field:nth-child(2){animation-delay:.3s}.form-field:nth-child(3){animation-delay:.6s}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.features-overview{margin:0 auto;max-width:1400px;padding:100px 40px}.features-overview h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:60px;text-align:center}.features-grid{grid-gap:32px;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:#1e293b80;border:1px solid #818cf833;border-radius:12px;padding:32px;transition:all .3s ease}.feature-card:hover{background:#1e293bcc;border-color:#818cf880;transform:translateY(-4px)}.feature-card svg{color:#818cf8;margin-bottom:16px}.feature-card h3{font-size:1.25rem;font-weight:700;margin-bottom:12px}.feature-card p{color:#cbd5e1;line-height:1.6}.cta-section{background:linear-gradient(135deg,#818cf81a,#60a5fa1a);border-bottom:1px solid #818cf833;border-top:1px solid #818cf833;padding:100px 40px;text-align:center}.cta-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:16px}.cta-section p{color:#cbd5e1;font-size:1.25rem;margin-bottom:40px}@media (max-width:768px){.hero{gap:40px;grid-template-columns:1fr;padding:60px 20px}.hero h1{font-size:2.5rem}.hero p{font-size:1rem}.hero-cta{flex-direction:column}.btn{justify-content:center}.cta-section h2,.features-overview h2{font-size:2rem}.features-grid{grid-template-columns:1fr}}.how-it-works-page{background:linear-gradient(180deg,#0f172a,#1e293b 50%,#0f172a);color:#f3f4f6;min-height:100vh}.hiw-hero{margin:0 auto;max-width:1000px;padding:100px 40px;text-align:center}.hiw-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:16px}.hiw-hero p{color:#cbd5e1;font-size:1.25rem}.hiw-steps{margin:0 auto;max-width:1400px;padding:80px 40px}.steps-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));position:relative}.step{position:relative;text-align:center}.step-number{align-items:center;background:linear-gradient(135deg,#818cf8,#6366f1);border-radius:50%;display:inline-flex;font-size:1.5rem;font-weight:800;height:50px;width:50px}.step-icon,.step-number{justify-content:center;margin-bottom:20px}.step-icon{color:#818cf8;display:flex}.step h3{font-size:1.5rem;font-weight:700;margin-bottom:12px}.step p{color:#cbd5e1;font-size:.95rem;line-height:1.6}.step-connector{background:linear-gradient(90deg,#818cf8,#0000);height:2px;left:100%;position:absolute;top:80px;width:40px}.step:last-child .step-connector{display:none}.hiw-features{background:linear-gradient(135deg,#818cf80d,#60a5fa0d);border-bottom:1px solid #818cf833;border-top:1px solid #818cf833;padding:80px 40px}.hiw-features h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:60px;text-align:center}.features-list{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1400px}.feature-item{background:#1e293b80;border:1px solid #818cf833;border-radius:12px;padding:24px;transition:all .3s ease}.feature-item:hover{background:#1e293bcc;border-color:#818cf880;transform:translateY(-4px)}.feature-item h4{color:#818cf8;font-size:1.1rem;font-weight:700;margin-bottom:8px}.feature-item p{color:#cbd5e1;font-size:.95rem;line-height:1.6}.hiw-cta{margin:0 auto;max-width:1000px;padding:100px 40px;text-align:center}.hiw-cta h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:40px}@media (max-width:768px){.hiw-hero h1{font-size:2rem}.hiw-hero p{font-size:1rem}.steps-container{gap:30px;grid-template-columns:1fr}.step-connector{display:none}.hiw-cta h2,.hiw-features h2{font-size:2rem}.features-list{grid-template-columns:1fr}}.features-page{background:linear-gradient(180deg,#0f172a,#1e293b 50%,#0f172a);color:#f3f4f6;min-height:100vh}.features-hero{margin:0 auto;max-width:1000px;padding:100px 40px;text-align:center}.features-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:16px}.features-hero p{color:#cbd5e1;font-size:1.25rem}.features-content{margin:0 auto;max-width:1400px;padding:80px 40px}.feature-category{margin-bottom:80px}.feature-category h2{color:#818cf8;font-size:2rem;font-weight:700;margin-bottom:40px}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-box{background:#1e293b80;border:1px solid #818cf833;border-radius:12px;padding:32px;transition:all .3s ease}.feature-box:hover{background:#1e293bcc;border-color:#818cf880;box-shadow:0 12px 24px #818cf81a;transform:translateY(-4px)}.feature-icon{color:#818cf8;margin-bottom:16px}.feature-box h3{font-size:1.1rem;font-weight:700;margin-bottom:8px}.feature-box p{color:#cbd5e1;font-size:.95rem;line-height:1.6}.features-cta{background:linear-gradient(135deg,#818cf81a,#60a5fa1a);border-top:1px solid #818cf833;padding:100px 40px;text-align:center}.features-cta h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:40px}@media (max-width:768px){.features-hero h1{font-size:2rem}.features-hero p{font-size:1rem}.feature-category h2{font-size:1.5rem}.features-grid{grid-template-columns:1fr}.features-cta h2{font-size:2rem}}.use-cases-page{background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0;min-height:100vh}.use-cases-hero{background:linear-gradient(135deg,#0f172acc,#1e293bcc);border-bottom:1px solid #94a3b81a;padding:80px 20px;text-align:center}.use-cases-hero .hero-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;margin-bottom:20px}.use-cases-hero .hero-content p{color:#cbd5e1;font-size:1.25rem;margin:0 auto;max-width:600px}.section-container{margin:0 auto;max-width:1200px;padding:0 20px}.form-types-section{background:#0f172a80;padding:80px 20px}.form-types-section h2{font-size:2.5rem;font-weight:700;margin-bottom:10px;text-align:center}.section-subtitle{color:#94a3b8;font-size:1.1rem;margin-bottom:50px;text-align:center}.form-types-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-type-card{background:#1e293b99;border:1px solid #94a3b833;border-radius:12px;padding:30px;text-align:center;transition:all .3s ease}.form-type-card:hover{background:#1e293be6;border-color:#60a5fa80;transform:translateY(-5px)}.form-type-icon{color:#60a5fa;margin-bottom:15px}.form-type-card h3{font-size:1.2rem;font-weight:600;margin-bottom:10px}.form-type-card p{color:#cbd5e1;font-size:.95rem;line-height:1.5}.dynamic-api-section{background:linear-gradient(135deg,#0f172acc,#1e293bcc);border-bottom:1px solid #60a5fa33;border-top:1px solid #60a5fa33;padding:80px 20px}.dynamic-api-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#10b981);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:700;margin-bottom:40px;text-align:center}.dynamic-api-content{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 1fr 1fr;margin:0 auto;max-width:1600px}.dynamic-api-text{display:flex;flex-direction:column;gap:20px}.dynamic-api-intro{color:#cbd5e1;font-size:.95rem;line-height:1.6;margin-bottom:10px}.dynamic-api-benefits{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.benefit-item{align-items:flex-start;display:flex;gap:12px}.benefit-icon{color:#60a5fa;flex-shrink:0;height:20px;margin-top:2px;width:20px}.benefit-item h4{color:#e2e8f0;font-size:.95rem;font-weight:600;margin-bottom:4px}.benefit-item p{color:#cbd5e1;font-size:.85rem;line-height:1.4}.dynamic-api-examples h3{color:#e2e8f0;font-size:1.1rem;font-weight:600;margin-bottom:12px}.examples-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.examples-list li{background:#1e293b99;border-left:3px solid #60a5fa;border-radius:6px;color:#cbd5e1;font-size:.8rem;line-height:1.4;padding:10px 12px}.examples-list strong{color:#60a5fa;font-weight:600}.dynamic-api-code{gap:30px}.code-example,.dynamic-api-code{display:flex;flex-direction:column}.code-example{background:#0f172ae6;border:1px solid #60a5fa4d;border-radius:12px;overflow:hidden}.code-header{background:#1e293bcc;border-bottom:1px solid #60a5fa33;padding:15px 20px}.code-label{color:#60a5fa;font-size:.9rem;font-weight:600}.code-example pre{flex:1 1;margin:0;overflow-x:auto;padding:20px}.code-example code{color:#cbd5e1;font-family:Monaco,Courier New,monospace;font-size:.85rem;line-height:1.6}.api-code-content{flex:1 1;overflow:hidden;padding:20px}.api-code-content code{word-wrap:break-word;color:#cbd5e1;font-family:Monaco,Courier New,monospace;font-size:.75rem;line-height:1.5;white-space:pre-wrap}.gui-image-placeholder{align-items:center;background:linear-gradient(135deg,#1e293b66,#0f172a66);border:2px dashed #60a5fa4d;border-radius:8px;display:flex;flex:1 1;justify-content:center;min-height:350px;padding:30px 20px}.placeholder-content{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center}.placeholder-content svg{color:#60a5fa;height:40px;opacity:.6;width:40px}.placeholder-content p{color:#cbd5e1;font-size:1rem;font-weight:600;margin:0}.placeholder-hint{color:#94a3b8;font-size:.85rem;line-height:1.4}.industries-section{background:#1e293b4d;padding:80px 20px}.industries-section h2{font-size:2.5rem;font-weight:700;margin-bottom:10px;text-align:center}.industries-layout{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 2fr;margin-top:50px}.industry-selector{display:flex;flex-direction:column;gap:10px}.industry-button{align-items:center;background:#1e293b99;border:2px solid #94a3b833;border-radius:8px;color:#cbd5e1;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:12px;padding:15px 20px;transition:all .3s ease}.industry-button:hover{background:#1e293be6;border-color:var(--industry-color)}.industry-button.active{background:var(--industry-color);border-color:var(--industry-color);color:#fff}.industry-details{background:#1e293b99;border:1px solid #94a3b833;border-radius:12px;padding:40px}.industry-header{align-items:center;display:flex;gap:20px;margin-bottom:40px}.industry-icon-large{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.industry-header h3{font-size:1.8rem;font-weight:700;margin-bottom:5px}.industry-header p{color:#cbd5e1;font-size:1rem}.use-cases-list{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.use-case-item{display:flex;gap:15px}.use-case-dot{background:#60a5fa;border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.use-case-item h4{font-size:1.1rem;font-weight:600;margin-bottom:5px}.use-case-item p{color:#cbd5e1;font-size:.95rem;line-height:1.5}.use-cases-stats{background:#0f172a80;padding:60px 20px}.stats-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px}.stat-card{background:#1e293b99;border:1px solid #94a3b833;border-radius:12px;padding:30px;text-align:center}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:10px}.stat-label{color:#cbd5e1;font-size:1rem}.use-cases-grid-section{background:#1e293b4d;padding:80px 20px}.use-cases-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px}.use-case-card{background:#1e293b99;border:1px solid #94a3b833;border-radius:12px;display:flex;flex-direction:column;padding:30px;transition:all .3s ease}.use-case-card:hover{background:#1e293be6;border-color:var(--accent-color);transform:translateY(-5px)}.use-case-header{display:flex;gap:15px;margin-bottom:20px}.use-case-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.use-case-title-section h3{font-size:1.2rem;font-weight:600;margin-bottom:5px}.industry-badge{background:#60a5fa1a;border-radius:20px;color:#60a5fa;display:inline-block;font-size:.85rem;font-weight:500;padding:4px 12px}.use-case-description{color:#cbd5e1;flex-grow:1;margin-bottom:20px}.use-case-benefits{margin-bottom:20px}.use-case-benefits h4{color:#e2e8f0;font-size:.95rem;font-weight:600;margin-bottom:12px}.use-case-benefits ul{list-style:none;margin:0;padding:0}.use-case-benefits li{color:#cbd5e1;display:flex;font-size:.9rem;gap:10px;margin-bottom:8px}.use-case-benefits svg{color:#10b981;flex-shrink:0}.use-case-cta{align-items:center;color:#60a5fa;display:inline-flex;font-weight:600;gap:8px;text-decoration:none;transition:all .3s ease}.use-case-cta:hover{gap:12px}.use-cases-cta{background:linear-gradient(135deg,#60a5fa1a,#a78bfa1a);border-top:1px solid #94a3b81a;padding:80px 20px;text-align:center}.use-cases-cta h2{font-size:2.5rem;font-weight:700;margin-bottom:15px}.use-cases-cta p{color:#cbd5e1;font-size:1.1rem;margin-bottom:30px}.cta-buttons{gap:20px}@media (max-width:768px){.use-cases-hero .hero-content h1{font-size:2rem}.industries-layout,.use-cases-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.dynamic-api-title{font-size:1.8rem;margin-bottom:30px}.dynamic-api-content{gap:30px;grid-template-columns:1fr}.code-example,.code-example code{font-size:.75rem}.api-code-content code{font-size:.7rem}.gui-image-placeholder{min-height:300px}.placeholder-content svg{height:36px;width:36px}}.developer-page{background:linear-gradient(180deg,#0f172a,#1e293b 50%,#0f172a);color:#f3f4f6;min-height:100vh}.dev-hero{margin:0 auto;max-width:1000px;padding:100px 40px;text-align:center}.dev-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:16px}.dev-hero p{color:#cbd5e1;font-size:1.25rem}.dev-quickstart{margin:0 auto;max-width:1400px;padding:80px 40px}.dev-quickstart h2{font-size:2rem;font-weight:700;margin-bottom:40px;text-align:center}.quickstart-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.quickstart-card{background:#1e293b80;border:1px solid #818cf833;border-radius:12px;padding:32px;text-align:center;transition:all .3s ease}.quickstart-card:hover{background:#1e293bcc;border-color:#818cf880;transform:translateY(-4px)}.quickstart-card svg{color:#818cf8;margin-bottom:16px}.quickstart-card h3{font-size:1.1rem;font-weight:700;margin-bottom:8px}.quickstart-card p{color:#cbd5e1;font-size:.95rem;margin-bottom:16px}.link-arrow{align-items:center;color:#818cf8;display:inline-flex;font-weight:600;gap:8px;text-decoration:none;transition:all .3s ease}.link-arrow:hover{gap:12px}.dev-endpoints{background:linear-gradient(135deg,#818cf80d,#60a5fa0d);border-bottom:1px solid #818cf833;border-top:1px solid #818cf833;padding:80px 40px}.dev-endpoints h2{font-size:2rem;font-weight:700;margin-bottom:40px;text-align:center}.endpoints-table{background:#1e293b80;border:1px solid #818cf833;border-radius:12px;margin:0 auto;max-width:1200px;overflow:hidden}.table-header{background:#818cf81a;border-bottom:1px solid #818cf833;font-weight:700}.table-header,.table-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:100px 1fr 1fr;padding:20px}.table-row{align-items:center;border-bottom:1px solid #818cf81a}.table-row:last-child{border-bottom:none}.col-method{align-items:center;display:flex}.method-badge{border-radius:4px;display:inline-block;font-size:.85rem;font-weight:700;padding:4px 12px;text-transform:uppercase}.method-badge.get{background:#22c55e33;color:#22c55e}.method-badge.post{background:#3b82f633;color:#3b82f6}.method-badge.put{background:#a855f733;color:#a855f7}.method-badge.delete{background:#ef444433;color:#ef4444}.col-path code{background:#818cf81a;border-radius:4px;color:#818cf8;font-family:Courier New,monospace;padding:4px 8px}.col-desc{color:#cbd5e1}.dev-resources{margin:0 auto;max-width:1400px;padding:80px 40px}.dev-resources h2{font-size:2rem;font-weight:700;margin-bottom:40px;text-align:center}.resources-list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.resource-link{align-items:center;background:#1e293b80;border:1px solid #818cf833;border-radius:12px;color:inherit;display:flex;gap:20px;padding:24px;text-decoration:none;transition:all .3s ease}.resource-link:hover{background:#1e293bcc;border-color:#818cf880;transform:translateX(4px)}.resource-link svg{color:#818cf8;flex-shrink:0}.resource-link h3{font-size:1.1rem;font-weight:700;margin-bottom:4px}.resource-link p{color:#cbd5e1;font-size:.95rem}.dev-cta{background:linear-gradient(135deg,#818cf81a,#60a5fa1a);border-top:1px solid #818cf833;padding:100px 40px;text-align:center}.dev-cta h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:16px}.dev-cta p{color:#cbd5e1;font-size:1.1rem;margin-bottom:40px}.btn-large{font-size:1.1rem;padding:16px 40px}@media (max-width:768px){.dev-hero h1{font-size:2rem}.table-header,.table-row{gap:10px;grid-template-columns:1fr}.dev-cta h2{font-size:2rem}}.knowledge-base-page{background:linear-gradient(180deg,#0f172a,#1e293b 50%,#0f172a);color:#f3f4f6;min-height:100vh}.kb-hero{margin:0 auto;max-width:1000px;padding:100px 40px;text-align:center}.kb-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:16px}.kb-hero p{color:#cbd5e1;font-size:1.25rem;margin-bottom:40px}.search-box{align-items:center;background:#1e293b80;border:2px solid #818cf84d;border-radius:8px;display:flex;gap:12px;margin:0 auto;max-width:500px;padding:12px 20px;transition:all .3s ease}.search-box:focus-within{background:#1e293bcc;border-color:#818cf8cc}.search-box svg{color:#818cf8;flex-shrink:0}.search-box input{background:#0000;border:none;color:#f3f4f6;flex:1 1;font-size:1rem;outline:none}.search-box input::placeholder{color:#64748b}.kb-content{margin:0 auto;max-width:1000px;padding:80px 40px}.faq-container{display:flex;flex-direction:column;gap:60px}.faq-category h2{color:#818cf8;font-size:1.5rem;font-weight:700;margin-bottom:24px}.faq-items{display:flex;flex-direction:column;gap:12px}.faq-item{background:#1e293b80;border:1px solid #818cf833;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .3s ease}.faq-item:hover{background:#1e293bcc;border-color:#818cf880}.faq-question{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:20px}.faq-question h3{font-size:1rem;font-weight:600;margin:0;text-align:left}.faq-question svg{color:#818cf8;flex-shrink:0;transition:transform .3s ease}.faq-question svg.expanded{transform:rotate(180deg)}.faq-answer{animation:slideDown .3s ease;border-top:1px solid #818cf81a;padding:0 20px 20px}.faq-answer p{color:#cbd5e1;line-height:1.6;margin:0}.no-results{color:#cbd5e1;padding:60px 20px;text-align:center}.kb-cta{background:linear-gradient(135deg,#818cf81a,#60a5fa1a);border-top:1px solid #818cf833;padding:100px 40px;text-align:center}.kb-cta h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:16px}.kb-cta p{color:#cbd5e1;font-size:1.1rem;margin-bottom:40px}.cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 28px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#818cf8,#6366f1)}.btn-primary:hover{box-shadow:0 12px 24px #818cf866;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #818cf8;color:#818cf8}.btn-secondary:hover{background:#818cf81a;transform:translateY(-2px)}@media (max-width:768px){.kb-hero h1{font-size:2rem}.kb-hero p{font-size:1rem}.kb-cta h2{font-size:2rem}.cta-buttons{flex-direction:column}.btn{justify-content:center}.faq-question{align-items:flex-start;flex-direction:column}.faq-question svg{align-self:flex-end;margin-top:-30px}}.admin-login-container{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e2ef2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:440px;padding:48px;width:100%}.admin-login-header{margin-bottom:32px;text-align:center}.admin-login-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-flex;height:80px;justify-content:center;margin-bottom:24px;width:80px}.admin-login-header h1{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.admin-login-header p{color:#a0a0b0;font-size:14px;margin:0}.admin-login-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;display:flex;font-size:14px;gap:12px;margin-bottom:24px;padding:12px 16px}.admin-login-form{display:flex;flex-direction:column;gap:24px}.admin-login-field{display:flex;flex-direction:column;gap:8px}.admin-login-field label{align-items:center;color:#e0e0e0;display:flex;font-size:14px;font-weight:600;gap:8px}.admin-login-field input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:15px;padding:12px 16px;transition:all .2s ease}.admin-login-field input:focus{background:#ffffff14;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.admin-login-field input::placeholder{color:#6b6b7b}.admin-login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px 24px;transition:all .2s ease}.admin-login-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.admin-login-button:active:not(:disabled){transform:translateY(0)}.admin-login-button:disabled{cursor:not-allowed;opacity:.6}.admin-login-divider{align-items:center;color:grey;display:flex;font-size:13px;margin:24px 0;text-align:center}.admin-login-divider:after,.admin-login-divider:before{border-bottom:1px solid #ffffff1a;content:"";flex:1 1}.admin-login-divider span{padding:0 16px}.admin-sso-providers{display:flex;flex-direction:column;gap:12px}.admin-sso-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;color:#e0e0e0;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;padding:12px 20px;transition:all .2s ease}.admin-sso-button:hover:not(:disabled){background:#ffffff1a;border-color:#667eea66;transform:translateY(-1px)}.admin-sso-button:active:not(:disabled){transform:translateY(0)}.admin-sso-button:disabled{cursor:not-allowed;opacity:.5}.admin-login-footer{border-top:1px solid #ffffff1a;margin-top:32px;padding-top:24px;text-align:center}.admin-login-footer p{color:#808090;font-size:13px;margin:0}@media (max-width:480px){.admin-login-card{padding:32px 24px}.admin-login-header h1{font-size:24px}.admin-login-icon{height:64px;width:64px}}.admin-sso-callback-container{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-sso-callback-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e2ef2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:440px;padding:48px;text-align:center;width:100%}.admin-sso-callback-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-flex;height:80px;justify-content:center;margin-bottom:24px;width:80px}.admin-sso-callback-card h2{color:#fff;font-size:24px;font-weight:600;margin:0 0 12px}.admin-sso-callback-card p{color:#a0a0b0;font-size:14px;margin:0 0 24px}.spinner{animation:spin 1s linear infinite;color:#667eea;margin:0 auto 24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;margin-bottom:24px;padding:12px 16px}.back-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-weight:600;padding:12px 24px}.back-button:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.back-button:active{transform:translateY(0)}.admin-layout{background:#0f0f1e;display:flex;min-height:100vh}.admin-sidebar{background:#141423f2;border-right:1px solid #ffffff1a;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:width .3s ease;width:260px;z-index:100}.admin-sidebar.closed{width:80px}.admin-sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px 20px}.admin-logo{align-items:center;color:#667eea;display:flex;font-size:18px;font-weight:700;gap:12px;overflow:hidden;white-space:nowrap}.sidebar-toggle{background:#0000;border:none;border-radius:6px;color:#a0a0b0;cursor:pointer;padding:8px;transition:all .2s ease}.sidebar-toggle:hover{background:#ffffff0d;color:#fff}.admin-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:20px 12px}.admin-nav-item{align-items:center;border-radius:8px;color:#a0a0b0;display:flex;font-size:15px;font-weight:500;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.admin-nav-item:hover{background:#ffffff0d;color:#fff}.admin-nav-item.active{background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid #667eea4d;color:#fff}.admin-sidebar.closed .admin-nav-item{justify-content:center;padding:12px}.admin-sidebar.closed .admin-nav-item span{display:none}.admin-sidebar-footer{border-top:1px solid #ffffff1a;padding:16px;position:relative}.admin-user-info{align-items:center;border-radius:8px;display:flex;gap:12px;padding:8px;transition:all .2s ease}.admin-user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;text-transform:uppercase;width:40px}.admin-user-details{flex:1 1;min-width:0}.admin-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-role{color:#a0a0b0;font-size:12px;text-transform:capitalize}.admin-user-menu-toggle{background:#0000;border:none;border-radius:4px;color:#a0a0b0;cursor:pointer;padding:4px;transition:all .2s ease}.admin-user-menu-toggle:hover{background:#ffffff0d;color:#fff}.admin-user-menu{background:#1e1e2efa;border:1px solid #ffffff1a;border-radius:8px;bottom:100%;box-shadow:0 -4px 12px #0000004d;left:16px;margin-bottom:8px;padding:8px;position:absolute;right:16px}.admin-user-menu-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#a0a0b0;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.admin-user-menu-item:hover{background:#ffffff0d;color:#fff}.admin-main{flex:1 1;margin-left:260px;min-height:100vh;padding:32px;transition:margin-left .3s ease}.admin-sidebar.closed~.admin-main{margin-left:80px}@media (max-width:768px){.admin-sidebar{transform:translateX(-100%)}.admin-sidebar.open{transform:translateX(0)}.admin-main,.admin-sidebar.closed~.admin-main{margin-left:0}}.admin-page-title{font-size:32px;font-weight:700}.admin-page-description{color:#a0a0b0;font-size:16px}.admin-card{background:#1e1e2e99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:24px;padding:24px}.admin-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-card-title{color:#fff;font-size:18px;font-weight:600;margin:0}.admin-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.admin-stat-card{background:#1e1e2e99;border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .2s ease}.admin-stat-card:hover{border-color:#667eea4d;transform:translateY(-2px)}.admin-stat-label{color:#a0a0b0;font-size:14px;margin-bottom:8px}.admin-stat-value{color:#fff;font-size:32px;font-weight:700;margin-bottom:4px}.admin-stat-change{color:#10b981;font-size:13px}.admin-stat-change.negative{color:#ef4444}.admin-dashboard{max-width:1400px}.admin-page-description.error{color:#ef4444}.admin-stat-card{overflow:hidden;position:relative}.admin-stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;margin-bottom:16px;width:48px}.admin-stat-meta{color:#a0a0b0;font-size:13px}.admin-stat-growth{align-items:center;border-top:1px solid #ffffff1a;color:#10b981;display:flex;font-size:12px;font-weight:600;gap:6px;margin-top:8px;padding-top:8px}.subscription-breakdown{display:flex;flex-direction:column;gap:20px}.subscription-item{display:flex;flex-direction:column;gap:8px}.subscription-tier{align-items:center;color:#fff;display:flex;font-size:15px;justify-content:space-between}.subscription-count{color:#a0a0b0;font-size:13px}.subscription-bar{background:#ffffff0d;border-radius:4px;height:8px;overflow:hidden}.subscription-bar-fill{border-radius:4px;height:100%;transition:width .3s ease}.activity-chart{padding:20px 0}.activity-bars{align-items:flex-end;display:flex;gap:12px;height:200px;justify-content:space-between;padding:0 10px}.activity-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.activity-bar-wrapper{align-items:flex-end;display:flex;height:160px;justify-content:center;width:100%}.activity-bar{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px 4px 0 0;cursor:pointer;max-width:40px;min-height:4px;transition:all .3s ease;width:100%}.activity-bar:hover{opacity:.8;transform:scaleY(1.05)}.activity-date{color:#808090;font-size:11px;text-align:center;white-space:nowrap}.activity-count{color:#fff;font-size:13px;font-weight:600;text-align:center}.no-data{color:#808090;font-size:14px;padding:40px 20px;text-align:center}.admin-dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.top-accounts-list{display:flex;flex-direction:column;gap:12px}.top-account-item{align-items:center;background:#1e1e2e66;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:16px;padding:12px;transition:all .2s ease}.top-account-item:hover{background:#1e1e2e99;border-color:#667eea4d;transform:translateX(4px)}.top-account-rank{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.top-account-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.top-account-name{color:#fff;font-size:14px;font-weight:600}.top-account-slug{color:#808090;font-size:12px}.top-account-count{align-items:center;color:#a5b4fc;display:flex;font-size:13px;font-weight:600;gap:6px}.recent-actions-list{display:flex;flex-direction:column;gap:12px}.recent-action-item{align-items:flex-start;background:#1e1e2e66;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.recent-action-item:hover{background:#1e1e2e99;border-color:#667eea4d}.recent-action-icon{align-items:center;background:#667eea33;border-radius:8px;color:#a5b4fc;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.recent-action-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.recent-action-text{font-size:14px;line-height:1.5}.recent-action-admin{color:#fff;font-weight:600}.recent-action-name{color:#a5b4fc;text-transform:capitalize}.recent-action-resource{color:#808090;text-transform:capitalize}.recent-action-time{color:#606070;font-size:12px}@media (max-width:1200px){.admin-dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-stats-grid{grid-template-columns:1fr}.activity-bars{gap:8px}.activity-bar{max-width:30px}.activity-date{font-size:10px}}.admin-site-accounts{max-width:1600px}.advanced-filter-toggle{background:#667eea33!important;border-color:#667eea4d!important;color:#a5b4fc!important;margin-left:auto}.advanced-filter-toggle:hover{background:#667eea4d!important;border-color:#667eea80!important;color:#c7d2fe!important}.advanced-filters{animation:slideDown .3s ease;background:#1e1e2e99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:20px}.advanced-filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.filter-group{flex:1 1}.clear-filters-btn{background:#ef444433;border:1px solid #ef44444d;border-radius:8px;color:#f87171;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.clear-filters-btn:hover{background:#ef44444d;border-color:#ef444480;color:#fca5a5;transform:translateY(-2px)}.admin-search{background:#1e1e2e99;border:1px solid #ffffff1a;border-radius:8px;min-width:300px;padding:12px 16px;position:relative}.admin-search svg{color:#a0a0b0;flex-shrink:0}.admin-search input{font-size:15px}.admin-search input::placeholder{color:#6b6b7b}.admin-filter-buttons,.filter-button{display:flex;gap:8px}.filter-button{align-items:center;background:#1e1e2e99;border:1px solid #ffffff1a;border-radius:8px;color:#a0a0b0;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.filter-button:hover{background:#ffffff0d;border-color:#fff3;color:#fff}.filter-button.active{background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#667eea66;color:#fff}.admin-table-container{background:#1e1e2e99;border:1px solid #ffffff1a;border-radius:12px}.admin-table thead{background:#141423cc}.admin-table th{border-bottom:1px solid #ffffff1a;color:#a0a0b0;font-size:13px}.admin-table td{border-bottom:1px solid #ffffff0d;color:#e0e0e0;font-size:14px}.admin-table tbody tr{transition:background .2s ease}.admin-table tbody tr:hover{background:#ffffff05}.account-info{display:flex;flex-direction:column;gap:4px}.account-name{color:#fff;font-weight:600}.account-slug{color:#808090;font-size:12px}.owner-email{color:#a0a0b0}.subscription-info{display:flex;flex-direction:column;gap:4px}.subscription-tier{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.subscription-tier.tier-free-tier{background:#6b728033;color:#9ca3af}.subscription-tier.tier-professional{background:#667eea33;color:#a5b4fc}.subscription-tier.tier-enterprise{background:#f59e0b33;color:#fbbf24}.subscription-status{color:#808090;font-size:11px;text-transform:capitalize}.subscription-status.status-active{color:#10b981}.subscription-status.status-trial{color:#3b82f6}.subscription-status.status-past_due{color:#ef4444}.subscription-status.status-cancelled{color:#6b7280}.count-badge{align-items:center;background:#ffffff0d;color:#a0a0b0;display:inline-flex;font-size:13px;font-weight:500;gap:6px}.count-badge,.status-badge{border-radius:6px;padding:4px 10px}.status-badge{display:inline-block}.status-badge.active{background:#10b98133;color:#10b981}.status-badge.inactive{background:#ef444433;color:#ef4444}.date-cell{color:#a0a0b0}.action-button{font-size:13px;padding:8px 16px}.action-button:hover{transform:translateY(-1px)}.admin-pagination{background:#1e1e2e99;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;padding:20px}.pagination-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#ffffff1a;border-color:#667eea66}.pagination-button:disabled{cursor:not-allowed;opacity:.4}.pagination-info{color:#a0a0b0;font-size:14px}.admin-empty,.admin-error,.admin-loading{background:#1e1e2e99;border:1px solid #ffffff1a;border-radius:12px;padding:60px 20px;text-align:center}.admin-loading{color:#a0a0b0}.admin-error{color:#ef4444}.admin-empty{color:#808090}.admin-empty svg{margin-bottom:16px;opacity:.3}.admin-empty p{font-size:16px}@media (max-width:1200px){.admin-table{font-size:13px}.admin-table td,.admin-table th{padding:12px}}@media (max-width:768px){.admin-filters{flex-direction:column}.admin-search{min-width:100%}.admin-table-container{overflow-x:auto}.admin-table{min-width:1000px}.admin-pagination{flex-direction:column;gap:16px}}.admin-site-account-detail{max-width:1400px}.detail-header{margin-bottom:32px}.back-button{align-items:center;background:#0000;border:1px solid #ffffff1a;border-radius:8px;color:#a0a0b0;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;margin-bottom:20px;padding:8px 16px;transition:all .2s ease}.back-button:hover{background:#ffffff0d;border-color:#fff3;color:#fff}.detail-title-section{margin-bottom:16px}.detail-title-row{align-items:center;display:flex;gap:16px;margin-bottom:8px}.detail-title{color:#fff;font-size:32px;font-weight:700;margin:0}.detail-subtitle{color:#a0a0b0;font-size:16px;margin:0}.detail-actions{display:flex;gap:12px}.action-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:inline-flex;font-weight:600;padding:10px 20px;transition:all .2s ease}.action-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.action-button.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.action-button.danger:hover{box-shadow:0 4px 12px #ef444466}.action-button.success{background:linear-gradient(135deg,#10b981,#059669)}.action-button.success:hover{box-shadow:0 4px 12px #10b98166}.detail-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.tab-button{background:#0000;border:none;border-bottom:2px solid #0000;bottom:-1px;color:#a0a0b0;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;position:relative;transition:all .2s ease}.tab-button:hover{background:#ffffff05;color:#fff}.tab-button.active{border-bottom-color:#667eea;color:#667eea}.overview-tab{display:flex;flex-direction:column;gap:24px}.overview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.overview-card{align-items:center;background:#1e1e2e99;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.overview-card:hover{border-color:#667eea4d;transform:translateY(-2px)}.overview-card-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.overview-card-content{flex:1 1}.overview-card-label{color:#a0a0b0;font-size:13px;margin-bottom:4px}.overview-card-value{color:#fff;font-size:20px;font-weight:700}.description-text{color:#e0e0e0;line-height:1.6;margin:0}.team-members-tab,.tenants-tab{min-height:400px}.role-badge{background:#667eea33;color:#a5b4fc;display:inline-block}.tenant-code{border-radius:6px;font-size:12px;padding:4px 10px}.subscription-tab{min-height:400px}.subscription-current{max-width:800px}.subscription-details{display:flex;flex-direction:column;gap:20px}.subscription-tier-name{color:#fff;font-size:24px;font-weight:700}.subscription-price{color:#667eea;font-size:32px;font-weight:700}.subscription-status-row{align-items:center;display:flex;gap:12px}.subscription-status-badge{border-radius:6px;display:inline-block;font-size:13px;font-weight:600;padding:6px 12px;text-transform:capitalize}.subscription-status-badge.status-active{background:#10b98133;color:#10b981}.subscription-status-badge.status-trial{background:#3b82f633;color:#3b82f6}.subscription-status-badge.status-past_due{background:#ef444433;color:#ef4444}.subscription-status-badge.status-cancelled{background:#6b728033;color:#6b7280}.billing-cycle{color:#a0a0b0;font-size:13px;text-transform:capitalize}.subscription-period{background:#ffffff05;border-radius:8px;padding:16px}.period-label{color:#a0a0b0;font-size:12px;margin-bottom:4px}.period-dates{color:#fff;font-size:14px;font-weight:500}.subscription-trial{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;color:#60a5fa;display:flex;font-size:14px;gap:8px;padding:12px 16px}.subscription-features{background:#ffffff05;border-radius:8px;padding:20px}.subscription-features h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 12px}.subscription-features ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.subscription-features li{align-items:center;color:#e0e0e0;display:flex;font-size:14px;gap:8px}.subscription-features li:before{color:#10b981;content:"✓";font-weight:700}.no-subscription{padding:40px 20px;text-align:center}.no-subscription p{color:#a0a0b0;margin-bottom:20px}.modal-overlay{padding:20px}.modal-content{background:#1e1e2efa;max-width:900px;width:100%}.modal-header h2{font-size:24px;font-weight:700}.modal-close{background:#0000;border-radius:8px}.modal-close:hover{background:#ffffff0d}.subscription-tiers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.subscription-tier-card{background:#14142399;border:2px solid #ffffff1a;border-radius:12px;padding:24px;transition:all .2s ease}.subscription-tier-card:hover{border-color:#667eea66;transform:translateY(-4px)}.subscription-tier-card.current{background:#667eea1a;border-color:#667eea}.tier-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.tier-card-header h3{color:#fff;font-size:20px;font-weight:700;margin:0}.current-badge{background:#667eea;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.tier-card-price{color:#667eea;font-size:32px;font-weight:700;margin-bottom:12px}.tier-card-price span{color:#a0a0b0;font-size:16px}.tier-card-description{color:#a0a0b0;font-size:14px;margin-bottom:20px;min-height:40px}.tier-card-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .2s ease;width:100%}.tier-card-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.tier-card-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.overview-grid{grid-template-columns:1fr}.detail-title{font-size:24px}.subscription-tiers-grid{grid-template-columns:1fr}}.expandable-table .expand-button{align-items:center;background:#667eea1a;border:1px solid #667eea4d;border-radius:6px;color:#a5b4fc;cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.expandable-table .expand-button:hover{background:#667eea33;border-color:#667eea80;color:#c7d2fe}.expandable-table .expanded-row{background:#667eea0d}.expandable-table .expanded-content-row{background:#1e1e2ecc}.expandable-table .expanded-content-row td{padding:0}.expanded-loading{color:#a0a0b0;padding:40px;text-align:center}.tenant-management-panel{background:#1e1e2e99;border-top:2px solid #667eea4d;padding:24px}.tenant-panel-header{margin-bottom:20px}.tenant-panel-header h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px}.tenant-panel-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:8px;padding-bottom:0}.panel-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#a0a0b0;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;position:relative;top:1px;transition:all .2s ease}.panel-tab:hover{background:#667eea0d;color:#c7d2fe}.panel-tab.active{background:#667eea1a;border-bottom-color:#667eea;color:#a5b4fc}.tenant-panel-content{min-height:200px}.panel-section{padding:20px 0}.panel-empty{color:#a0a0b0;font-size:14px;padding:40px;text-align:center}.panel-table{border-collapse:collapse;width:100%}.panel-table thead th{border-bottom:1px solid #ffffff1a;color:#a0a0b0;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.panel-table tbody td{border-bottom:1px solid #ffffff0d;color:#fff;font-size:14px;padding:12px 16px}.panel-table tbody tr:hover{background:#667eea0d}.sso-tab{padding:20px 0}.sso-section-selector{border-bottom:1px solid #ffffff1a;display:flex;gap:12px;margin-bottom:32px;padding-bottom:16px}.section-button{align-items:center;background:#1e1e2e99;border:1px solid #ffffff1a;border-radius:8px;color:#a0a0b0;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:10px;padding:12px 20px;transition:all .2s ease}.section-button:hover{background:#667eea1a;border-color:#667eea4d;color:#c7d2fe}.section-button.active{background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#667eea80;color:#a5b4fc}.section-button .config-count{align-items:center;background:#667eea4d;border-radius:12px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;height:24px;justify-content:center;min-width:24px;padding:0 8px}.sso-section{padding:20px 0}.sso-section-header{margin-bottom:24px}.sso-section-header h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 8px}.sso-section-header p{color:#a0a0b0;font-size:14px;margin:0}.tenant-sso-selector{background:#1e1e2e99;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:24px;padding:20px}.tenant-sso-selector label{color:#a0a0b0;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.tenant-select{background:#1e1e2ecc;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.tenant-select:hover{border-color:#667eea4d}.tenant-select:focus{border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a;outline:none}.sso-configs-list{grid-gap:16px;gap:16px}.sso-config-card{padding:20px;transition:all .2s ease}.sso-config-card:hover{background:#1e1e2ecc}.sso-config-header{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.sso-config-info{align-items:center;display:flex;gap:12px}.sso-config-info h4{color:#fff;font-size:16px;font-weight:600;margin:0}.sso-provider-type{background:#667eea33;border:1px solid #667eea4d;border-radius:6px;color:#a5b4fc;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.sso-provider-type.entra{background:#0078d433;border-color:#0078d44d;color:#4da6ff}.sso-provider-type.google{background:#ea433533;border-color:#ea43354d;color:#ff6b6b}.sso-provider-type.okta{background:#007aff33;border-color:#007aff4d;color:#4da6ff}.sso-config-details{grid-gap:12px;display:grid;gap:12px}.sso-detail-row{align-items:flex-start;display:flex;gap:12px}.detail-label{font-weight:600;min-width:120px}.detail-value{flex:1 1;word-break:break-all}.empty-hint{color:#a0a0b0;font-size:13px;margin-top:8px}.panel-section-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.panel-section-header h5{margin:0}.action-button-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.action-button-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.action-button-small{align-items:center;background:#667eea1a;border:1px solid #667eea4d;border-radius:6px;color:#a5b4fc;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;margin-right:8px;padding:6px 12px;transition:all .2s ease}.action-button-small:hover{background:#667eea33;border-color:#667eea80;color:#c7d2fe}.action-button-small.danger{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.action-button-small.danger:hover{background:#ef444433;border-color:#ef444480;color:#fecaca}.action-button-danger-small{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#fca5a5;cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:all .2s ease}.action-button-danger-small:hover{background:#ef444433;border-color:#ef444480;color:#fecaca}.action-buttons{align-items:center}.role-select{background:#1e1e2e99;border:1px solid #ffffff1a;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:4px 8px;transition:all .2s ease}.role-select:hover{background:#1e1e2ecc;border-color:#667eea80}.role-select:focus{border-color:#667eeab3;box-shadow:0 0 0 3px #667eea1a;outline:none}.modal-overlay{z-index:10000}.modal-content{background:#1e1e2ef2;border-radius:12px;max-width:500px}.modal-content.modal-large{max-width:700px}.modal-content.modal-small{max-width:400px}.modal-header{padding:20px 24px}.modal-close{border-radius:6px;font-size:28px;transition:all .2s ease}.modal-close:hover{background:#ffffff1a}.modal-footer{padding:16px 24px}.form-group{margin-bottom:20px}.form-group label{color:#fff;display:block}.form-group input,.form-group select,.form-group textarea{background:#1e1e2e99;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eeab3;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#ffffff0d;border:1px solid #ffffff1a;color:#a0a0b0}.btn-secondary:hover{background:#ffffff1a;color:#fff}.assignment-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.assignment-item{align-items:center;background:#1e1e2e99;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.assignment-info{display:flex;flex-direction:column;gap:4px}.assignment-info strong{color:#fff;font-size:14px}.assignment-info span{color:#a0a0b0;font-size:13px}.btn-danger-small,.btn-primary-small{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.btn-primary-small{background:#667eea33;border:1px solid #667eea80;color:#a5b4fc}.btn-primary-small:hover{background:#667eea4d;color:#c7d2fe}.btn-danger-small{background:#ef444433;border:1px solid #ef444480;color:#fca5a5}.btn-danger-small:hover{background:#ef44444d;color:#fecaca}.empty-message{color:#a0a0b0;font-size:14px;padding:20px;text-align:center}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.panel-subsection{border-bottom:1px solid #ffffff1a;margin-bottom:32px;padding-bottom:32px}.panel-subsection:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.panel-subsection h5{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.admin-subscriptions{background:#0a0a0a;min-height:100vh;padding:24px}.admin-page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.admin-page-header>div{flex:1 1}.admin-page-title{color:#fff;font-size:28px;font-weight:600;margin:0 0 8px}.admin-page-description{color:#9ca3af;font-size:14px;margin:0}.action-button{align-items:center;background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:background .2s}.action-button:hover{background:#5568d3}.admin-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.admin-search{align-items:center;background:#1a1a1a;border:1px solid #2d2d2d;border-radius:6px;color:#9ca3af;display:flex;flex:1 1;gap:12px;min-width:250px;padding:10px 16px}.admin-search input{background:#0000;border:none;color:#fff;flex:1 1;font-size:14px;outline:none}.admin-search input::placeholder{color:#6b7280}.filter-group{align-items:center;background:#1a1a1a;border:1px solid #2d2d2d;border-radius:6px;color:#9ca3af;padding:10px 16px}.filter-group select{background:#0000;border:none;color:#fff;cursor:pointer;font-size:14px;outline:none}.filter-group select option{background:#1a1a1a;color:#fff}.admin-error-banner{align-items:center;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#991b1b;display:flex;font-size:14px;gap:12px;margin-bottom:24px;padding:16px}.admin-empty,.admin-loading{color:#9ca3af;padding:48px 24px;text-align:center}.admin-empty{align-items:center;display:flex;flex-direction:column;gap:16px}.admin-empty svg{color:#4b5563}.admin-empty h2{color:#fff;font-size:18px;margin:0}.admin-empty p{font-size:14px;margin:0}.admin-table-container{background:#1a1a1a;border:1px solid #2d2d2d;border-radius:8px;margin-bottom:24px;overflow:hidden}.admin-table{border-collapse:collapse;font-size:14px;width:100%}.admin-table thead{background:#0f0f0f;border-bottom:1px solid #2d2d2d}.admin-table th{color:#9ca3af;font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.admin-table td{border-bottom:1px solid #2d2d2d;color:#e5e7eb;padding:16px}.admin-table tbody tr:hover{background:#242424}.admin-table tbody tr:last-child td{border-bottom:none}.site-account-cell{align-items:center;color:#fff;display:flex;font-weight:500;gap:8px}.tier-badge{background:#667eea;color:#fff;display:inline-block;font-size:12px;padding:4px 12px}.status-badge,.tier-badge{border-radius:4px;font-weight:600}.status-badge{display:inline-flex}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.trial{background:#dbeafe;color:#0c4a6e}.status-badge.past_due{background:#fed7aa;color:#92400e}.status-badge.cancelled{background:#fee2e2;color:#991b1b}.date-cell{color:#9ca3af;font-size:13px}.action-button-icon{background:#2d2d2d;border:none;border-radius:4px;color:#9ca3af;display:flex;transition:all .2s}.action-button-icon:hover{background:#3d3d3d;color:#fff}.action-button-icon.danger:hover{background:#dc2626;color:#fff}.admin-pagination{gap:16px;padding:24px}.admin-pagination,.admin-pagination button{align-items:center;color:#9ca3af;display:flex;justify-content:center}.admin-pagination button{background:#2d2d2d;border:none;border-radius:4px;cursor:pointer;height:32px;transition:all .2s;width:32px}.admin-pagination button:hover:not(:disabled){background:#3d3d3d;color:#fff}.admin-pagination button:disabled{cursor:not-allowed;opacity:.5}.modal-content{background:#1a1a1a;border:1px solid #2d2d2d;border-radius:8px;max-height:80vh}.modal-header{border-bottom:1px solid #2d2d2d}.modal-header h2{color:#fff;font-size:18px;margin:0}.modal-close{color:#9ca3af;font-size:24px;height:32px;padding:0;width:32px}.detail-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{flex-direction:column;gap:8px}.detail-item label{color:#9ca3af;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item p{color:#fff;font-size:14px;margin:0}@media (max-width:768px){.admin-filters{flex-direction:column}.admin-search{min-width:auto}.admin-table{font-size:12px}.admin-table td,.admin-table th{padding:12px 8px}.detail-grid{grid-template-columns:1fr}}.admin-tenants{max-width:1600px}.action-buttons-group{align-items:center;display:flex;gap:8px;justify-content:flex-start}.action-button-icon{align-items:center;background:#667eea1a;border:1px solid #667eea4d;border-radius:6px;color:#a5b4fc;cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.action-button-icon:hover{background:#667eea33;border-color:#667eea80;color:#c7d2fe;transform:translateY(-1px)}.action-button-icon:active{transform:translateY(0)}.tenant-info{display:flex;flex-direction:column;gap:4px}.tenant-name{color:#fff;font-weight:600}.tenant-code{background:#ffffff0d;border-radius:4px;color:#a0a0b0;display:inline-block;font-family:Courier New,monospace;font-size:11px;font-weight:600;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.site-account-name{color:#a0a0b0;font-size:14px}.admin-form-users{max-width:1600px}.bulk-actions-bar{align-items:center;animation:slideDown .3s ease;background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid #667eea4d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-actions-info{align-items:center;color:#a5b4fc;display:flex;font-size:14px;font-weight:600;gap:10px}.bulk-actions-buttons{display:flex;gap:12px}.bulk-action-button{align-items:center;border:1px solid;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.bulk-action-button.success{background:#10b98133;border-color:#10b9814d;color:#34d399}.bulk-action-button.success:hover{background:#10b9814d;border-color:#10b98180;color:#6ee7b7;transform:translateY(-2px)}.bulk-action-button.danger{background:#ef444433;border-color:#ef44444d;color:#f87171}.bulk-action-button.danger:hover{background:#ef44444d;border-color:#ef444480;color:#fca5a5;transform:translateY(-2px)}.checkbox-cell{text-align:center;width:40px}.checkbox-cell input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.admin-table tbody tr.selected{background:#667eea1a}.user-name{color:#fff;font-weight:600}.user-email{align-items:center;color:#a0a0b0;display:flex;gap:8px}.tenant-info-cell{display:flex;flex-direction:column;gap:4px}.tenant-name-small{color:#e0e0e0;font-size:14px}.tenant-code-small{background:#ffffff0d;border-radius:4px;color:#808090;display:inline-block;font-family:Courier New,monospace;font-size:10px;font-weight:600;padding:2px 6px;width:-webkit-fit-content;width:fit-content}.admin-audit-logs{max-width:1800px}.audit-filters{margin-bottom:24px}.filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:200px}.filter-group label{align-items:center;color:#a0a0b0;display:flex;font-size:13px;font-weight:600;gap:6px}.filter-group input[type=date],.filter-group select{background:#1e1e2e99;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:14px;padding:10px 14px;transition:all .2s ease}.filter-group input[type=date]:focus,.filter-group select:focus{background:#1e1e2ecc;border-color:#667eea;outline:none}.clear-filters-button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#a0a0b0;cursor:pointer;font-size:14px;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:10px 20px;transition:all .2s ease}.clear-filters-button:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.timestamp-cell{color:#a0a0b0;font-size:13px;white-space:nowrap}.admin-user-cell{align-items:center;display:flex;gap:8px}.admin-user-name{font-size:14px}.admin-user-email{color:#808090;font-size:12px}.action-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize;white-space:nowrap}.action-badge.action-create{background:#10b98133;color:#10b981}.action-badge.action-update{background:#3b82f633;color:#3b82f6}.action-badge.action-delete{background:#ef444433;color:#ef4444}.action-badge.action-login{background:#a855f733;color:#a855f7}.action-badge.action-logout{background:#6b728033;color:#6b7280}.action-badge.action-default{background:#ffffff1a;color:#a0a0b0}.resource-cell{display:flex;flex-direction:column;gap:2px}.resource-type{color:#e0e0e0;font-size:14px;font-weight:500}.resource-id{color:#808090;font-size:11px}.ip-address,.resource-id{font-family:Courier New,monospace}.ip-address{color:#a0a0b0;font-size:13px}.view-details-button{align-items:center;background:#667eea33;border:1px solid #667eea4d;border-radius:6px;color:#a5b4fc;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.view-details-button:hover{background:#667eea4d;border-color:#667eea80;color:#c7d2fe}.audit-modal{max-width:800px}.audit-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.audit-detail-item{display:flex;flex-direction:column;gap:6px}.audit-detail-item.full-width{grid-column:1/-1}.audit-detail-label{color:#808090;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.audit-detail-value{color:#fff;font-size:14px;word-break:break-word}.audit-detail-value.user-agent{color:#a0a0b0}.audit-detail-value.user-agent,.details-json{font-family:Courier New,monospace;font-size:12px}.details-json{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;color:#10b981;margin:0;overflow-x:auto;padding:12px}@media (max-width:1200px){.filter-row{align-items:stretch;flex-direction:column}.filter-group{min-width:100%}.audit-detail-grid{grid-template-columns:1fr}}.audit-table{font-size:13px}.audit-table th{font-size:12px}.admin-users{max-width:1400px}.admin-user-name{color:#fff;font-weight:600}.admin-user-email{align-items:center;color:#a0a0b0;display:flex;font-size:14px;gap:8px}.role-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 10px;text-transform:capitalize}.role-badge.role-superadmin{background:#a855f733;color:#a855f7}.role-badge.role-admin{background:#3b82f633;color:#3b82f6}.role-badge.role-support{background:#10b98133;color:#10b981}.created-by{color:#a0a0b0;font-size:13px}.action-buttons{display:flex;gap:8px}.icon-button{align-items:center;background:#667eea33;border:1px solid #667eea4d;border-radius:6px;color:#a5b4fc;cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.icon-button:hover{background:#667eea4d;border-color:#667eea80;color:#c7d2fe;transform:translateY(-1px)}.icon-button.danger{background:#ef444433;border-color:#ef44444d;color:#f87171}.icon-button.danger:hover{background:#ef44444d;border-color:#ef444480;color:#fca5a5}.icon-button.success{background:#10b98133;border-color:#10b9814d;color:#34d399}.icon-button.success:hover{background:#10b9814d;border-color:#10b98180;color:#6ee7b7}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#a0a0b0;font-size:13px;font-weight:600}.form-group input,.form-group select{background:#1e1e2e99;transition:all .2s ease}.form-group input:focus,.form-group select:focus{background:#1e1e2ecc}.modal-footer{padding:20px 24px}.cancel-button{background:#0000;border:1px solid #fff3;border-radius:8px;color:#a0a0b0;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.cancel-button:hover{background:#ffffff0d;border-color:#ffffff4d;color:#fff}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.submit-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.action-buttons{flex-wrap:wrap}}.admin-sso-settings{margin:0 auto;max-width:1400px;padding:30px}.admin-sso-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.admin-sso-header h1{color:#fff;font-size:28px;font-weight:600;margin:0 0 8px}.admin-sso-header p{color:#a0a0b0;margin:0}.add-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.add-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.add-button:disabled{cursor:not-allowed;opacity:.5}.alert{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:12px;margin-bottom:20px;padding:16px}.alert-error{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5}.alert-success{background:#22c55e1a;border:1px solid #22c55e4d;color:#86efac}.alert-info{background:#3b82f61a;border:1px solid #3b82f64d;color:#93c5fd}.alert-warning{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#fcd34d}.sso-config-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e2e99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:30px;padding:30px}.sso-config-form h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 24px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{color:#e0e0e0;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select{background:#14141e99;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:14px;padding:10px 14px;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.auto-setup-section{background:#667eea0d;border:1px solid #667eea33;border-radius:12px;margin-bottom:24px;padding:24px}.auto-setup-info h5{color:#fff;font-size:16px;font-weight:600;margin:0 0 12px}.auto-setup-info p{color:#d0d0d0;line-height:1.6;margin:0 0 12px}.auto-setup-info ul{color:#d0d0d0;margin:12px 0;padding-left:24px}.auto-setup-info li{margin-bottom:8px}.auto-setup-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:16px;padding:12px 20px;transition:all .2s;width:100%}.auto-setup-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.auto-setup-button:disabled{cursor:not-allowed;opacity:.6}.divider{align-items:center;color:grey;display:flex;font-size:13px;margin:24px 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #ffffff1a;content:"";flex:1 1}.divider span{padding:0 16px}.form-actions{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.cancel-button,.delete-button,.edit-button,.save-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.cancel-button{background:#ffffff0d;border:1px solid #ffffff1a;color:#d0d0d0}.cancel-button:hover{background:#ffffff1a}.save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.save-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.save-button:disabled{cursor:not-allowed;opacity:.5}.sso-configs-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}.sso-config-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e2e99;border:1px solid #ffffff1a;border-radius:12px;padding:24px;transition:all .2s}.sso-config-card:hover{border-color:#667eea4d;box-shadow:0 4px 12px #0003}.config-header{align-items:flex-start;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.config-header h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.config-header p{color:#a0a0b0;font-size:13px;margin:0}.config-status{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.status-badge{align-items:center;border-radius:12px;display:flex;font-size:12px;font-weight:500;gap:6px;padding:4px 12px}.status-active{background:#22c55e1a;border:1px solid #22c55e4d;color:#86efac}.status-inactive{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5}.auto-badge{background:#667eea1a;border:1px solid #667eea4d;border-radius:12px;color:#a5b4fc;font-size:11px;font-weight:500;padding:4px 10px}.config-details{margin-bottom:20px}.detail-item{border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:8px 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#a0a0b0;font-size:13px}.detail-value{color:#fff;font-family:Courier New,monospace;font-size:13px}.config-actions{display:flex;gap:10px}.edit-button{background:#667eea1a;border:1px solid #667eea4d;color:#a5b4fc;flex:1 1}.edit-button:hover:not(:disabled){background:#667eea33}.delete-button{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5;flex:1 1}.delete-button:hover:not(:disabled){background:#ef444433}.delete-button:disabled,.edit-button:disabled{cursor:not-allowed;opacity:.5}.empty-state,.loading{color:#a0a0b0;padding:60px 20px;text-align:center}.empty-state svg{margin-bottom:20px;opacity:.3}.empty-state h3{color:#fff;font-size:20px;margin:0 0 8px}.empty-state p{color:#a0a0b0;margin:0}.access-denied{padding:80px 20px;text-align:center}.access-denied svg{color:#ef4444;margin-bottom:20px}.access-denied h2{color:#fff;font-size:24px;margin:0 0 12px}.access-denied p{color:#a0a0b0;margin:0}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#1e1e2e;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px}.modal-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;color:#a0a0b0;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.modal-close:hover{color:#fff}.modal-body{padding:24px}.modal-body p{color:#d0d0d0;line-height:1.6;margin:16px 0}.modal-body ul{color:#d0d0d0;margin:12px 0;padding-left:24px}.modal-body li{margin-bottom:8px}.modal-footer{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;padding:24px}.confirm-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.confirm-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.confirm-button:disabled{cursor:not-allowed;opacity:.5}.app{display:flex;flex-direction:column;min-height:100vh;transition:background-color .3s,color .3s;width:100%}#root,.app,body,html{height:100%}.dark .app{background:#111827}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-bottom:1px solid #667eea1a;box-shadow:0 2px 8px #667eea14;padding:.75rem 0;position:relative;transition:background-color .3s,border-color .3s;z-index:10001}.dark .app-header{background:#1f2937;border-bottom:1px solid #374151}.app-header .container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 1rem}.app-header .container,.logo{align-items:center;display:flex}.logo{color:#374151;gap:.75rem;text-decoration:none}.dark .logo{color:#f3f4f6}.logo-image{height:40px;object-fit:contain;width:auto}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0}nav{align-items:center;display:flex;gap:2rem}.nav-link{color:#6b7280;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:#667eea}.dark .nav-link{color:#9ca3af}.dark .nav-link:hover{color:#818cf8}.nav-user{align-items:center;display:flex;gap:16px;margin-left:24px}.user-email{color:#374151;font-size:14px;font-weight:500}.dark .user-email{color:#d1d5db}.logout-button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:all .2s}.logout-button:hover{background:#e5e7eb;border-color:#9ca3af}.dark .logout-button{background:#374151;border-color:#4b5563;color:#d1d5db}.dark .logout-button:hover{background:#4b5563;border-color:#6b7280}.profile-icon-button{align-items:center;background:#0000;border:1px solid #d1d5db;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;justify-content:center;margin-right:8px;padding:8px;transition:all .2s}.profile-icon-button:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.dark .profile-icon-button{border-color:#4b5563;color:#9ca3af}.dark .profile-icon-button:hover{background:#374151;border-color:#6b7280;color:#f3f4f6}.settings-button{background:#667eea;border:1px solid #667eea;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:all .2s}.settings-button:hover{background:#5a67d8;border-color:#5a67d8}.dark .settings-button{background:#818cf8;border-color:#818cf8}.dark .settings-button:hover{background:#6366f1;border-color:#6366f1}.app-main{background:#0000;flex:1 1;min-height:calc(100vh - 80px);padding:1rem}.dark .app-main{background:#111827}.container{margin:0 auto;max-width:1400px}
/*# sourceMappingURL=main.9b232341.css.map*/