#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;background-color:#242424;color:#ffffffde;min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.layout{display:flex;flex-direction:column;min-height:100vh;background-color:#242424;color:#ffffffde}.layout header{position:sticky;top:0;padding:1rem 2rem;z-index:1000;background-color:#242424;box-shadow:0 2px 4px #0000001a}.layout header h1{margin:0 0 1rem;color:#fff;font-size:3rem}.layout header nav ul{list-style:none;padding:0;margin:0;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.layout header nav li{margin:0}.layout header nav a{text-decoration:none;color:#646cff;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s}.layout header nav a:hover{background-color:#ffffff1a;color:#fff}.layout header nav button{background-color:#646cff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .3s}.layout header nav button:hover{background-color:#535bf2}.layout header nav button:disabled{background-color:#666;color:#999;cursor:not-allowed}.layout main{flex:1;padding:2rem;max-width:1280px;margin:0 auto;width:100%;box-sizing:border-box}.layout footer{padding:1rem 2rem;text-align:center;margin-top:auto}.layout footer p{margin:0;color:#7c7c7c;font-size:.9rem}@media (max-width: 768px){.layout header{padding:1rem}.layout header nav ul{flex-direction:column;gap:.5rem}.layout main{padding:1rem}}div[data-sonner-toaster]{--normal-bg: #363636 !important;--normal-border: #444 !important;--normal-text: #ffffff !important;--success-bg: #10b981 !important;--success-border: #059669 !important;--error-bg: #ef4444 !important;--error-border: #dc2626 !important;--loading-bg: #3b82f6 !important;--loading-border: #2563eb !important}.react-hot-toast{background:var(--normal-bg)!important;color:var(--normal-text)!important;border:1px solid var(--normal-border)!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;font-family:inherit!important;font-size:.875rem!important;max-width:350px!important;animation:toast-enter .3s ease-out}.react-hot-toast[data-type=success]{background:var(--success-bg)!important;border-color:var(--success-border)!important}.react-hot-toast[data-type=error]{background:var(--error-bg)!important;border-color:var(--error-border)!important}.react-hot-toast[data-type=loading]{background:var(--loading-bg)!important;border-color:var(--loading-border)!important}@keyframes toast-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.identifier-row{display:grid;grid-template-columns:1fr 2fr auto;gap:var(--spacing-sm);align-items:start}.identifier-type{flex:0 0 150px}.identifier-value{flex:1}.identifier-actions{display:flex;align-items:flex-end;padding-bottom:var(--spacing-xs)}@media (max-width: 768px){.identifier-row{grid-template-columns:1fr}.identifier-type,.identifier-value{flex:1 1 100%}.identifier-actions{justify-content:flex-start}}.api-key-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.api-key-modal{background:#fff;border-radius:8px;padding:2rem;max-width:600px;width:90%;box-shadow:0 10px 40px #0003;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.api-key-modal-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.api-key-modal-icon{width:48px;height:48px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.api-key-modal-title{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.api-key-modal-content{margin-bottom:1.5rem}.api-key-modal-description{color:#6b7280;margin-bottom:1rem;line-height:1.5}.api-key-display-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;margin-bottom:1rem}.api-key-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem;display:block}.api-key-value-container{display:flex;align-items:center;gap:.75rem}.api-key-value{flex:1;font-family:Courier New,monospace;font-size:.875rem;color:#1f2937;background:#fff;padding:.75rem;border:1px solid #d1d5db;border-radius:4px;word-break:break-all;-webkit-user-select:all;user-select:all}.api-key-copy-button{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.api-key-copy-button:hover{background:#2563eb}.api-key-copy-button:active{transform:scale(.98)}.api-key-copy-button.copied{background:#10b981}.api-key-warning{background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;padding:.875rem;display:flex;gap:.75rem;align-items:start}.api-key-warning-icon{color:#f59e0b;font-size:1.25rem;flex-shrink:0}.api-key-warning-text{color:#92400e;font-size:.875rem;margin:0;line-height:1.5}.api-key-modal-footer{display:flex;justify-content:flex-end}.api-key-modal-close-button{padding:.625rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.api-key-modal-close-button:hover{background:#2563eb}.api-key-modal-close-button:active{transform:scale(.98)}.tabs-container{margin-bottom:var(--spacing-lg)}.tabs-header{display:flex;gap:var(--spacing-sm);border-bottom:2px solid var(--border-secondary);margin-bottom:var(--spacing-lg)}.tab{padding:var(--spacing-sm) var(--spacing-md);background:transparent;color:var(--text-secondary);text-decoration:none;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all var(--transition-normal);font-weight:500}.tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.tab-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.role-group{background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);border:1px solid var(--border-color)}.role-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.role-controls{margin-top:var(--spacing-md);display:flex;justify-content:center}.operator-select-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.operator-dropdown{width:100%}.selected-operators{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-sm);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);min-height:40px}.operator-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 8px 4px 12px;background-color:var(--accent-primary);color:var(--text-primary);border-radius:16px;font-size:14px;transition:background-color .2s ease}.operator-chip:hover{background-color:var(--accent-hover)}.remove-chip-btn{background:none;border:none;color:var(--text-primary);font-size:20px;line-height:1;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.remove-chip-btn:hover{background-color:#0003}.remove-chip-btn:disabled{cursor:not-allowed;opacity:.5}.empty-selection-hint{padding:var(--spacing-md);background-color:var(--bg-primary);border:1px dashed var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);text-align:center;font-size:14px;font-style:italic}.section-header-with-toggle{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.section-header-with-toggle>div:first-child{flex:1}.section-header-with-toggle .form-section-title{margin-bottom:var(--spacing-xs)}.section-header-with-toggle .section-description{margin-bottom:0}.section-header-with-toggle .checkbox-group{margin-bottom:0;flex-shrink:0}.checkbox-label-compact{padding:.5rem .75rem;font-size:.9rem;white-space:nowrap}.customer-access-box{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);border:2px solid var(--border-secondary);transition:border-color var(--transition-normal)}.customer-access-box:hover{border-color:var(--accent-primary)}.customer-box-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-secondary)}.customer-box-title{flex:1}.customer-box-title h4{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:1.2rem;font-weight:600}.customer-badge{display:inline-block;padding:.25rem .75rem;background-color:var(--warning-bg, #fff3cd);color:var(--warning-text, #856404);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500}.btn-icon-danger{background:transparent;border:none;color:var(--danger, #dc3545);font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all var(--transition-normal);line-height:1}.btn-icon-danger:hover:not(:disabled){background-color:var(--danger, #dc3545);color:#fff;transform:scale(1.1)}.btn-icon-danger:disabled{opacity:.5;cursor:not-allowed}.operator-access-section{margin-top:var(--spacing-md)}.operator-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.operator-section-header .form-label{margin-bottom:0;font-weight:600;color:var(--text-primary)}.access-badge{padding:.35rem .85rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.access-all{background-color:var(--success-bg, #d4edda);color:var(--success-text, #155724)}.operator-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-secondary);min-height:60px;align-items:flex-start}.operator-chip{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:.5rem .75rem;background-color:var(--accent-primary);color:#fff;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;transition:all var(--transition-normal);box-shadow:0 2px 4px #0000001a}.operator-chip:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.operator-chip-name{line-height:1}.operator-chip-remove{background:#ffffff4d;border:none;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;padding:.15rem .4rem;border-radius:50%;line-height:1;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:20px;height:20px}.operator-chip-remove:hover:not(:disabled){background:#ffffff80;transform:rotate(90deg)}.operator-chip-remove:disabled{opacity:.5;cursor:not-allowed}.add-operator-section{margin-top:var(--spacing-md)}.add-operator-section .form-select-sm{max-width:400px}.add-operator-section .field-hint{display:block;margin-top:var(--spacing-sm);font-size:.85rem;color:var(--text-secondary);font-style:italic}.info-message-small{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--info-bg, #d1ecf1);color:var(--info-text, #0c5460);border-radius:var(--radius-sm);font-size:.9rem;border-left:4px solid var(--info, #17a2b8)}.role-controls{margin-top:var(--spacing-lg);display:flex;justify-content:center}.loading{text-align:center;padding:var(--spacing-lg);color:var(--text-secondary);font-style:italic}.role-group{background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border:1px solid var(--border-secondary)}.role-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-secondary)}.role-header h4{margin:0;color:var(--text-primary);font-size:1.1rem;font-weight:600;flex:1;text-align:center}:root{--bg-primary: #242424;--bg-secondary: rgba(255, 255, 255, .05);--bg-tertiary: rgba(255, 255, 255, .02);--bg-input: #1a1a1a;--text-primary: #ffffff;--text-secondary: #cccccc;--text-hint: #888;--text-disabled: #666;--border-primary: #444;--border-secondary: rgba(255, 255, 255, .1);--border-accent: rgba(100, 108, 255, .3);--accent-primary: #646cff;--accent-primary-hover: #535bf2;--accent-secondary: #42a5f5;--accent-secondary-hover: #2196F3;--success: #4caf50;--success-hover: #45a049;--success-bg: #d4edda;--success-text: #155724;--error: #ef5350;--error-hover: #e53935;--warning: #ffa726;--warning-bg: #fff3cd;--warning-text: #856404;--info: #64b5f6;--info-bg: #d1ecf1;--info-text: #0c5460;--danger: #dc3545;--danger-hover: #c82333;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--transition-fast: .2s ease;--transition-normal: .3s ease}.page-container{padding:var(--spacing-lg);max-width:1200px;margin:0 auto;background-color:var(--bg-primary);min-height:100vh}.page-title{color:var(--text-primary);margin-bottom:var(--spacing-lg);text-align:center;font-size:2rem}.form-container{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md)}.form-container-title{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.5rem;text-align:center}.form-wrapper{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:700px;margin:0 auto}.form-description{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:.9rem;line-height:1.4;padding:var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--radius-sm);border-left:3px solid var(--accent-primary);text-align:center}.form-section{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--border-secondary)}.form-section-title{color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;font-size:1.2rem;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-accent)}.section-description{color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:.9rem;font-style:italic;line-height:1.4}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.form-group:last-child{margin-bottom:0}.form-label{color:var(--text-primary);font-weight:500;font-size:.9rem}.form-input,.form-select,.form-textarea{padding:.75rem;border:1px solid var(--border-primary);border-radius:var(--radius-sm);background-color:var(--bg-input);color:var(--text-primary);font-size:1rem;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #646cff33}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-hint)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--error)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:#0d0d0d;border-color:#333;color:var(--text-disabled);cursor:not-allowed;opacity:.7}.form-select{cursor:pointer}.form-select option{background-color:var(--bg-input);color:var(--text-primary)}.form-textarea{font-family:Consolas,Monaco,Courier New,monospace;resize:vertical;min-height:60px}.form-multiselect{min-height:120px;padding:.5rem;background-color:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary)}.form-multiselect option{padding:.5rem;cursor:pointer;background-color:var(--bg-input);color:var(--text-primary)}.form-multiselect option:hover{background-color:#646cff33}.checkbox-group{margin-bottom:var(--spacing-sm)}.checkbox-label{display:flex;align-items:center;font-size:1rem;cursor:pointer;background:#646cff1a;padding:.75rem;border-radius:var(--radius-sm);border:1px solid rgba(100,108,255,.2);transition:background-color var(--transition-normal);color:var(--text-primary)}.checkbox-label:hover{background:#646cff26}.checkbox-input{width:auto;margin-right:var(--spacing-xs);padding:0;transform:scale(1.2);accent-color:var(--accent-primary);cursor:pointer}.error-message{color:var(--error);font-size:.8rem;margin-top:.25rem}.field-hint{color:var(--text-hint);font-size:.8rem;margin-top:.25rem;font-style:italic;display:block}.info-message{color:var(--info);font-size:.9rem;padding:.75rem;background-color:#2196f31a;border-radius:var(--radius-sm);margin-top:.75rem;border-left:3px solid var(--info)}.success-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac;padding:var(--spacing-sm);border-radius:var(--radius-lg);font-size:.95rem;line-height:1.4}.warning-message{background:#fff3cd1a;border:1px solid rgba(255,234,167,.3);border-radius:var(--radius-sm);padding:.75rem;font-size:.9rem;color:var(--warning)}.btn{border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-size:1rem;font-weight:500;cursor:pointer;transition:background-color var(--transition-normal),transform var(--transition-fast);font-family:inherit}.btn:disabled{background-color:#666;color:#999;cursor:not-allowed;opacity:.6}.btn:disabled:hover{transform:none}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-primary-hover)}.btn-secondary{background-color:var(--accent-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background-color:var(--accent-secondary-hover)}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover:not(:disabled){background-color:var(--success-hover)}.btn-danger{background-color:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--error-hover)}.btn-outline{background-color:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary)}.btn-outline:hover:not(:disabled){background-color:var(--accent-primary);color:#fff}.btn-ghost{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-primary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-primary)}.btn-sm{padding:.5rem 1rem;font-size:.9rem}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.form-actions{display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-secondary)}.form-actions .btn{flex:1;max-width:250px}.dynamic-group{border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);padding:var(--spacing-md);background-color:var(--bg-tertiary);margin-bottom:var(--spacing-md)}.dynamic-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-secondary)}.dynamic-group-title{margin:0;color:var(--text-primary);font-size:1.1rem}.dynamic-group-controls{display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-sm)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-sm)}@media (max-width: 768px){.page-container{padding:var(--spacing-sm)}.page-title{font-size:1.5rem}.form-container{padding:var(--spacing-md)}.form-actions{flex-direction:column}.form-actions .btn{max-width:100%}.dynamic-group-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.grid-2,.grid-3{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.grid-3{grid-template-columns:1fr 1fr}}.loading{pointer-events:none;opacity:.8}.spinner{border:3px solid var(--border-secondary);border-top:3px solid var(--accent-primary);border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.w-full{width:100%}.h-full{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{justify-content:center;align-items:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.hidden{display:none}.visible{display:block}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#242424!important;color:#ffffffde!important}html{background-color:#242424!important;color:#ffffffde!important}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}