@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #0a2c33;--bg-secondary: #0e2d34;--bg-tertiary: #0f2c33;--bg-dark: #082227;--bg-elevated: #0e282f;--accent-primary: #764ba2;--accent-secondary: #667eea;--accent-light: #9b7fc5;--accent-lighter: #b89dd9;--accent-hover: #8661b0;--accent-hover-light: #7a8cef;--gradient-bg-primary: linear-gradient(135deg, #0a2c33 0%, #0e2d34 100%);--gradient-bg-dark: linear-gradient(180deg, #082227 0%, #0a2c33 100%);--gradient-bg-elevated: linear-gradient(135deg, #0e282f 0%, #0f2c33 100%);--gradient-accent-primary: linear-gradient(135deg, #764ba2 0%, #a78bce 100%);--gradient-accent-bright: linear-gradient(135deg, #667eea 0%, #b89dd9 100%);--gradient-accent-light: linear-gradient(135deg, #9b7fc5 0%, #d4c5e8 100%);--gradient-premium: linear-gradient(135deg, #764ba2 0%, #667eea 50%, #e0d9f5 100%);--text-primary: #ffffff;--text-secondary: #dddddd;--text-tertiary: #b0b0b0;--text-muted: #8a8a8a;--text-on-accent: #ffffff;--status-success: #10b981;--status-success-bg: rgba(16, 185, 129, .1);--status-success-border: rgba(16, 185, 129, .3);--status-error: #ef4444;--status-error-bg: rgba(239, 68, 68, .1);--status-error-border: rgba(239, 68, 68, .3);--status-warning: #f59e0b;--status-warning-bg: rgba(245, 158, 11, .1);--status-warning-border: rgba(245, 158, 11, .3);--status-info: #667eea;--status-info-bg: rgba(102, 126, 234, .1);--status-info-border: rgba(102, 126, 234, .3);--border-primary: #0c2a30;--border-secondary: #1a3f47;--border-accent: #764ba2;--border-light: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .4);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .5);--shadow-accent: 0 4px 12px rgba(118, 75, 162, .3);--shadow-accent-lg: 0 8px 24px rgba(118, 75, 162, .4);--overlay-dark: rgba(8, 34, 39, .9);--overlay-medium: rgba(14, 45, 52, .8);--overlay-light: rgba(15, 44, 51, .6);--focus-ring: 0 0 0 3px rgba(118, 75, 162, .3);--hover-overlay: rgba(255, 255, 255, .05);--hover-overlay-accent: rgba(118, 75, 162, .1);--active-overlay: rgba(255, 255, 255, .1);--link-color: #9b7fc5;--link-hover: #b89dd9;--disabled-bg: #0c2a30;--disabled-text: #5a5a5a;--module-call: #667eea;--module-sms: #764ba2;--module-license: #9b7fc5;--accent-alpha-10: rgba(118, 75, 162, .1);--accent-alpha-20: rgba(118, 75, 162, .2);--accent-alpha-30: rgba(118, 75, 162, .3);--accent-alpha-50: rgba(118, 75, 162, .5)}body{background:var(--gradient-bg-primary);color:var(--text-primary)}:root{--font-heading: "Brockmann", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-button: "Brockmann", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Courier New", "Monaco", "Menlo", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em}body{font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary);margin:0 0 1rem;letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}h5{font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}p{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-secondary);margin:0 0 1rem}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-light{font-weight:var(--font-weight-light)}.text-normal{font-weight:var(--font-weight-normal)}.text-medium{font-weight:var(--font-weight-medium)}.text-semibold{font-weight:var(--font-weight-semibold)}.text-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}a{font-family:var(--font-body);color:var(--link-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--link-hover);text-decoration:underline}a:focus{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:2px}button,.btn{font-family:var(--font-button);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide)}.btn-sm{font-size:var(--font-size-sm)}.btn-lg{font-size:var(--font-size-lg)}label{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);letter-spacing:var(--letter-spacing-normal)}.form-help-text{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:var(--line-height-normal);margin-top:.25rem}input,textarea,select{font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}code,pre{font-family:var(--font-mono);font-size:var(--font-size-sm)}code{background:var(--bg-dark);padding:.125rem .375rem;border-radius:4px;color:var(--accent-light)}pre{background:var(--bg-dark);padding:1rem;border-radius:6px;overflow-x:auto;line-height:var(--line-height-relaxed)}.subtitle{font-family:var(--font-body);font-size:var(--font-size-md);color:var(--text-secondary);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.caption{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-normal);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.overline{font-family:var(--font-button);font-size:var(--font-size-xs);color:var(--accent-primary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest)}ul,ol{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-secondary);padding-left:1.5rem;margin:0 0 1rem}li{margin-bottom:.5rem}@media (max-width: 768px){h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}body{font-size:var(--font-size-sm)}}@media (max-width: 480px){h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}h3{font-size:var(--font-size-md)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.modal-overlay{position:fixed;inset:0;background:var(--overlay-dark);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:fadeIn var(--transition-base) ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-accent);border-radius:var(--radius-2xl);max-width:650px;width:100%;max-height:92vh;overflow-y:auto;padding:var(--space-8);box-shadow:var(--shadow-xl),0 0 60px #764ba24d;animation:modalSlideIn var(--transition-slow) ease;position:relative}.modal-content.modal-sm{max-width:480px}.modal-content:before{content:"";position:absolute;inset:-2px;background:var(--gradient-accent-primary);border-radius:var(--radius-2xl);z-index:-1;opacity:.2;filter:blur(15px)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content h3{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-4) 0;letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.modal-description{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--space-6) 0;padding:var(--space-4);background:var(--bg-tertiary);border-left:3px solid var(--accent-primary);border-radius:var(--radius-md)}.modal-content .form-group{margin-bottom:var(--space-5)}.modal-content .form-group:last-of-type{margin-bottom:var(--space-6)}.modal-content .form-group label{display:block;margin-bottom:var(--space-2);font-family:var(--font-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm)}.modal-content .input-compact,.modal-content .select{width:100%;padding:var(--space-3);border:2px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-base);transition:all var(--transition-base)}.modal-content .input-compact:hover:not(:disabled),.modal-content .select:hover:not(:disabled){border-color:var(--border-secondary)}.modal-content .input-compact:focus,.modal-content .select:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--focus-ring);background:var(--bg-tertiary)}.modal-content .input-compact:disabled,.modal-content .select:disabled{background:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed;opacity:.5}.modal-content .checkbox-group{padding:var(--space-5);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-secondary);margin-bottom:var(--space-5)}.modal-content .checkbox-label{display:flex;align-items:flex-start;gap:var(--space-4);cursor:pointer;font-weight:var(--font-weight-medium);color:var(--text-primary)}.modal-content .checkbox-label input[type=checkbox]{margin-top:2px;width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary);flex-shrink:0}.modal-content .checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.modal-content .checkbox-label span{flex:1;line-height:var(--line-height-normal);font-size:var(--font-size-sm)}.modal-content .help-text{display:block;margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:var(--line-height-relaxed)}.modal-content .select-loading,.modal-content .select-empty{padding:var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--font-size-sm);background:var(--bg-tertiary);border:2px dashed var(--border-secondary);border-radius:var(--radius-md);font-style:italic}.modal-content .select-loading{color:var(--accent-primary);position:relative}.modal-content .select-loading:after{content:"...";animation:loadingDots 1.5s infinite}@keyframes loadingDots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-secondary)}.modal-actions .btn{min-width:120px}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);background:transparent;border:none;color:var(--text-tertiary);font-size:var(--font-size-2xl);line-height:1;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-base);width:36px;height:36px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--hover-overlay);color:var(--text-primary);transform:rotate(90deg)}.modal-content.modal-danger h3{color:var(--status-error)}.modal-content.modal-danger .modal-description{background:var(--status-error-bg);border-left-color:var(--status-error);color:var(--status-error)}.modal-content.modal-danger:before{background:linear-gradient(135deg,var(--status-error) 0%,#dc2626 100%)}.modal-content.modal-success h3{color:var(--status-success)}.modal-content.modal-success .modal-description{background:var(--status-success-bg);border-left-color:var(--status-success);color:var(--status-success)}@media (max-width: 576px){.modal-overlay{padding:var(--space-3)}.modal-content{padding:var(--space-6);max-height:95vh}.modal-content h3{font-size:var(--font-size-lg)}.modal-actions{flex-direction:column-reverse;gap:var(--space-2)}.modal-actions .btn{width:100%;min-width:unset}.modal-content .form-group{margin-bottom:var(--space-4)}.modal-close{top:var(--space-3);right:var(--space-3)}}@media (max-width: 400px){.modal-content{padding:var(--space-5);border-radius:var(--radius-xl)}.modal-content h3{font-size:var(--font-size-base)}.modal-description{font-size:var(--font-size-xs);padding:var(--space-3)}}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:var(--radius-full)}.modal-content::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-full);transition:background var(--transition-base)}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.modal-overlay[aria-hidden=true]{display:none}.modal-content:focus{outline:2px solid var(--accent-primary);outline-offset:2px}body.modal-open{overflow:hidden}.modal-overlay.stacked{z-index:calc(var(--z-modal) + 10)}.modal-overlay.stacked .modal-content{transform:scale(.98)}.modal-error-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-5);background:var(--status-error-bg);border:2px solid var(--status-error-border);border-left:4px solid var(--status-error);border-radius:var(--radius-md);animation:errorSlideIn .3s ease;box-shadow:0 2px 8px #dc262626}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-error-alert .error-icon{font-size:var(--font-size-xl);line-height:1;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(220,38,38,.3))}.modal-error-alert .error-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.modal-error-alert .error-content strong{color:var(--status-error);font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.modal-error-alert .error-content p{color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.modal-success-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-5);background:var(--status-success-bg);border:2px solid var(--status-success-border);border-left:4px solid var(--status-success);border-radius:var(--radius-md);animation:successSlideIn .3s ease;box-shadow:0 2px 8px #22c55e26}@keyframes successSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-success-alert .success-icon{font-size:var(--font-size-xl);line-height:1;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(34,197,94,.3))}.modal-success-alert .success-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.modal-success-alert .success-content strong{color:var(--status-success);font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.modal-success-alert .success-content p{color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.modal-warning-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-5);background:var(--status-warning-bg);border:2px solid var(--status-warning-border);border-left:4px solid var(--status-warning);border-radius:var(--radius-md);animation:warningSlideIn .3s ease;box-shadow:0 2px 8px #eab30826}@keyframes warningSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-warning-alert .warning-icon{font-size:var(--font-size-xl);line-height:1;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(234,179,8,.3))}.modal-warning-alert .warning-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.modal-warning-alert .warning-content strong{color:var(--status-warning);font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.modal-warning-alert .warning-content p{color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}@media (max-width: 576px){.modal-error-alert,.modal-success-alert,.modal-warning-alert{padding:var(--space-3);gap:var(--space-2)}.modal-error-alert .error-icon,.modal-success-alert .success-icon,.modal-warning-alert .warning-icon{font-size:var(--font-size-lg)}.modal-error-alert .error-content strong,.modal-success-alert .success-content strong,.modal-warning-alert .warning-content strong,.modal-error-alert .error-content p,.modal-success-alert .success-content p,.modal-warning-alert .warning-content p{font-size:var(--font-size-xs)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.modal-error-alert.shake{animation:shake .5s ease,errorSlideIn .3s ease}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:var(--gradient-bg-primary);color:var(--text-primary)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);font-family:var(--font-button);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);gap:var(--space-1)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-lg);gap:var(--space-3)}.btn-block{width:100%}.btn-primary{background:var(--gradient-accent-primary);color:var(--text-on-accent);box-shadow:var(--shadow-accent)}.btn-primary:hover:not(:disabled){background:var(--gradient-accent-bright);box-shadow:var(--shadow-accent-lg);transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-secondary)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-accent)}.btn-ghost{background:transparent;color:var(--accent-primary);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--hover-overlay-accent);border-color:var(--accent-primary)}.btn-outline{background:transparent;color:var(--accent-primary);border:2px solid var(--accent-primary)}.btn-outline:hover:not(:disabled){background:var(--accent-primary);color:var(--text-on-accent)}.btn-danger{background:var(--status-error);color:#fff;box-shadow:var(--shadow-md)}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-success{background:var(--status-success);color:#fff;box-shadow:var(--shadow-md)}.btn-success:hover:not(:disabled){background:#059669;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.form-group{margin-bottom:var(--space-4)}label{display:block;margin-bottom:var(--space-2);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.input,.select,.textarea{width:100%;padding:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-base);transition:all var(--transition-base)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--focus-ring);background:var(--bg-secondary)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.textarea{min-height:100px;resize:vertical}.input-sm{padding:var(--space-2);font-size:var(--font-size-sm)}.input-lg{padding:var(--space-4);font-size:var(--font-size-lg)}.help-text{display:block;margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--text-tertiary)}.help-text.error{color:var(--status-error)}.card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-primary)}.card-body{padding:var(--space-4) 0}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-primary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.container-sm{max-width:768px}.container-lg{max-width:1440px}.alert{padding:var(--space-4);border-radius:var(--radius-md);border-left:4px solid;margin-bottom:var(--space-4);display:flex;align-items:flex-start;gap:var(--space-3)}.alert-success{background:var(--status-success-bg);border-color:var(--status-success);color:var(--status-success)}.alert-error{background:var(--status-error-bg);border-color:var(--status-error);color:var(--status-error)}.alert-warning{background:var(--status-warning-bg);border-color:var(--status-warning);color:var(--status-warning)}.alert-info{background:var(--status-info-bg);border-color:var(--status-info);color:var(--status-info)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.badge-success{background:var(--status-success-bg);color:var(--status-success);border:1px solid var(--status-success-border)}.badge-error{background:var(--status-error-bg);color:var(--status-error);border:1px solid var(--status-error-border)}.badge-warning{background:var(--status-warning-bg);color:var(--status-warning);border:1px solid var(--status-warning-border)}.badge-info{background:var(--status-info-bg);color:var(--status-info);border:1px solid var(--status-info-border)}.badge-accent{background:var(--accent-alpha-10);color:var(--accent-primary);border:1px solid var(--accent-alpha-30)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);gap:var(--space-4)}.divider{height:1px;background:var(--border-primary);margin:var(--space-6) 0}.divider-vertical{width:1px;height:100%;background:var(--border-primary);margin:0 var(--space-4)}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mt-0{margin-top:var(--space-0)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:var(--space-0)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-grid{display:grid}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.w-full{width:100%}.w-auto{width:auto}.visible{visibility:visible}.invisible{visibility:hidden}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}@media (max-width: 768px){.container{padding:0 var(--space-3)}.card{padding:var(--space-4)}.md\:d-none{display:none}.md\:d-block{display:block}}@media (max-width: 480px){.btn{width:100%}.sm\:d-none{display:none}.sm\:d-block{display:block}}.register-page{min-height:100vh;background:var(--gradient-bg-primary);display:flex;align-items:center;justify-content:center;padding:var(--space-5);position:relative;overflow:hidden}.register-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(118,75,162,.1) 0%,transparent 70%);animation:rotate 30s linear infinite;pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.register-container{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-2xl);padding:var(--space-10);max-width:500px;width:100%;box-shadow:var(--shadow-xl);position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.register-container:after{content:"";position:absolute;inset:-2px;background:var(--gradient-accent-primary);border-radius:var(--radius-2xl);z-index:-1;opacity:.3;filter:blur(20px)}.register-header{text-align:center;margin-bottom:var(--space-8)}.register-header h1{color:var(--text-primary);margin:0 0 var(--space-2) 0;font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.register-header .subtitle{color:var(--text-secondary);margin:0;font-family:var(--font-body);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.register-form,.register-page .form-group{margin-bottom:var(--space-6)}.register-page .form-group label{display:block;color:var(--text-primary);font-family:var(--font-body);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.register-page .input,.register-page .input-compact{background:var(--bg-dark);border:1px solid var(--border-primary);color:var(--text-primary);transition:all var(--transition-base)}.register-page .input:focus,.register-page .input-compact:focus{border-color:var(--accent-primary);box-shadow:var(--focus-ring);background:var(--bg-tertiary)}.register-page .help-text{display:block;color:var(--text-tertiary);font-size:var(--font-size-xs);margin-top:var(--space-1);line-height:var(--line-height-normal)}.register-page .error-message,.register-page .success-message,.register-page .alert-error,.register-page .alert-success{margin-bottom:var(--space-6);animation:slideDown var(--transition-slow) ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.register-footer{text-align:center;padding-top:var(--space-5);margin-top:var(--space-5);border-top:1px solid var(--border-secondary)}.register-footer small{color:var(--text-tertiary);font-family:var(--font-body);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed)}@media (max-width: 576px){.register-page{padding:var(--space-4)}.register-container{padding:var(--space-8) var(--space-5)}.register-header h1{font-size:var(--font-size-xl);flex-direction:column;gap:var(--space-2)}.register-header .subtitle{font-size:var(--font-size-xs)}.register-page .form-group{margin-bottom:var(--space-5)}}@media (max-width: 400px){.register-container{padding:var(--space-6) var(--space-4)}.register-header h1{font-size:var(--font-size-lg)}}.main-dashboard{min-height:100vh;background:var(--gradient-bg-primary);padding:var(--space-8) var(--space-5)}.dashboard-header{text-align:center;margin-bottom:var(--space-10)}.dashboard-header h1{color:var(--text-primary);margin-bottom:var(--space-2);font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.dashboard-header .subtitle{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-normal)}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);max-width:900px;margin:0 auto}.module-card{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-slow);text-align:center;position:relative;overflow:hidden}.module-card:before{content:"";position:absolute;inset:0;background:var(--gradient-accent-light);opacity:0;transition:opacity var(--transition-slow);pointer-events:none;z-index:0}.module-card:hover:before{opacity:.05}.module-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-accent-lg);border-color:var(--accent-primary)}.module-icon{font-size:4rem;margin-bottom:var(--space-4);transition:transform var(--transition-slow);position:relative;z-index:1}.module-card:hover .module-icon{transform:scale(1.15) rotateY(10deg)}.module-card h3{color:var(--text-primary);margin:0 0 var(--space-2) 0;font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);position:relative;z-index:1}.module-card p{color:var(--text-secondary);margin:0 0 var(--space-5) 0;font-family:var(--font-body);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);position:relative;z-index:1}.module-status{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-secondary);position:relative;z-index:1}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);transition:all var(--transition-base)}.status-badge.status-active{background:var(--status-success-bg);color:var(--status-success);border:1px solid var(--status-success-border)}.status-badge.status-inactive{background:var(--status-error-bg);color:var(--status-error);border:1px solid var(--status-error-border)}.status-badge.status-pending{background:var(--status-warning-bg);color:var(--status-warning);border:1px solid var(--status-warning-border)}.status-badge.status-active:before{content:"●";margin-right:var(--space-1);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.main-dashboard{padding:var(--space-5) var(--space-4)}.dashboard-header{margin-bottom:var(--space-8)}.dashboard-header h1{font-size:var(--font-size-xl)}.dashboard-header .subtitle{font-size:var(--font-size-sm)}.modules-grid{grid-template-columns:1fr;gap:var(--space-4)}.module-card{padding:var(--space-6) var(--space-5)}.module-icon{font-size:3rem}.module-card h3{font-size:var(--font-size-lg)}}@media (max-width: 480px){.main-dashboard{padding:var(--space-4) var(--space-3)}.dashboard-header h1{font-size:var(--font-size-lg)}.module-card{padding:var(--space-5) var(--space-4)}.module-icon{font-size:2.5rem;margin-bottom:var(--space-3)}}.config-page{min-height:100vh;background:var(--gradient-bg-primary);padding:var(--space-4) 0}.config-page .container{max-width:1200px;margin:0 auto;padding:0 var(--space-5)}.config-header{text-align:center;margin-bottom:var(--space-5);padding:var(--space-5);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:relative}.config-header h1{color:var(--text-primary);margin-bottom:var(--space-1);font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.config-header .subtitle{color:var(--text-secondary);margin-bottom:var(--space-2);font-family:var(--font-body);font-size:var(--font-size-sm)}.btn-back{position:absolute;top:var(--space-5);left:var(--space-5);background:transparent;border:1px solid var(--border-secondary);color:var(--text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-button);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-2)}.tabs-navigation{display:flex;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-1);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.tab-button{flex:1;padding:var(--space-3) var(--space-5);background:transparent;border:none;border-radius:var(--radius-md);font-family:var(--font-button);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.tab-button:hover{background:var(--hover-overlay);color:var(--text-primary)}.tab-button.active{background:var(--gradient-accent-primary);color:var(--text-on-accent);box-shadow:var(--shadow-accent)}.config-grid{display:grid;gap:var(--space-4);max-width:900px;margin:0 auto}.config-section{background:var(--bg-secondary);border:1px solid var(--border-primary);padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-secondary)}.section-title{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.section-header h3{color:var(--text-primary);margin:0;font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.sync-indicator{font-family:var(--font-body);font-size:.7rem;font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:var(--space-1);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);transition:all var(--transition-base)}.button-group{display:flex;gap:var(--space-2)}.success-message,.error-message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2);animation:slideIn var(--transition-base) ease}.success-message{background:var(--status-success-bg);border:1px solid var(--status-success-border);color:var(--status-success)}.error-message{background:var(--status-error-bg);border:1px solid var(--status-error-border);color:var(--status-error)}.phone-numbers-section{background:var(--bg-secondary);border:1px solid var(--border-primary);padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.phone-numbers-section .section-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--border-secondary)}.phone-numbers-section .section-header h3{font-size:var(--font-size-lg)}.section-description{color:var(--text-secondary);margin-bottom:var(--space-5);line-height:var(--line-height-relaxed);font-size:var(--font-size-sm)}.phone-numbers-list{display:flex;flex-direction:column;gap:var(--space-3)}.phone-number-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border:2px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-tertiary);transition:all var(--transition-base)}.phone-number-item:hover{border-color:var(--accent-primary);background:var(--bg-secondary);transform:translate(2px)}.number-info{display:flex;flex-direction:column;gap:var(--space-1)}.number-info .number{font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.number-info .status{font-size:var(--font-size-xs);color:var(--text-tertiary)}.number-actions{display:flex;gap:var(--space-2)}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;margin-bottom:var(--space-2);font-family:var(--font-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm)}.form-group .help-text{display:block;margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:var(--line-height-normal)}.input-compact,.textarea-compact{width:100%;padding:var(--space-3);border:2px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-sm);margin-bottom:var(--space-2);transition:all var(--transition-base)}.input-compact:hover:not(:disabled),.textarea-compact:hover:not(:disabled){border-color:var(--border-secondary)}.input-compact:focus,.textarea-compact:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--focus-ring);background:var(--bg-tertiary)}.input-compact:disabled,.textarea-compact:disabled{background:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed;opacity:.6}.textarea-compact{resize:vertical;font-family:var(--font-mono);font-size:var(--font-size-xs);min-height:100px}select.input-compact{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239b7fc5' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}.select-loading,.select-empty{padding:var(--space-3);text-align:center;color:var(--text-tertiary);font-size:var(--font-size-sm);background:var(--bg-tertiary);border:2px dashed var(--border-secondary);border-radius:var(--radius-lg)}.select-loading{color:var(--accent-primary)}.checkbox-group{padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-secondary)}.checkbox-label{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;font-weight:var(--font-weight-medium);color:var(--text-primary)}.checkbox-label input[type=checkbox]{margin-top:2px;width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.checkbox-label span{flex:1;line-height:var(--line-height-normal);font-size:var(--font-size-sm)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10)}.spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner p{margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--font-size-sm)}.modal-content{max-height:90vh;overflow-y:auto}.modal-content form{display:flex;flex-direction:column}.form-group label:has(+[required]):after{content:"*";color:var(--status-error);margin-left:var(--space-1)}@media (max-width: 768px){.config-page{padding:var(--space-3) 0}.config-page .container{padding:0 var(--space-3)}.config-header{padding:var(--space-4);margin-bottom:var(--space-4)}.config-header h1{font-size:var(--font-size-lg)}.config-section{padding:var(--space-4)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.section-title{width:100%}.sync-status{margin-top:var(--space-1)}.button-group{width:100%;justify-content:flex-end}.btn{font-size:var(--font-size-xs)}.sync-indicator{font-size:.65rem}.phone-number-item{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.number-actions{width:100%;justify-content:flex-end}.tabs-navigation{flex-direction:column;gap:var(--space-2)}.tab-button{width:100%}.btn-back{position:static;margin-bottom:var(--space-3);width:100%;justify-content:center}.config-header{position:relative}}@media (max-width: 480px){.config-page .container{padding:0 var(--space-2)}.config-header,.config-section{padding:var(--space-3)}.phone-numbers-section{padding:var(--space-4)}}.phone-number-item.attached{border-color:var(--accent-primary);background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);position:relative}.phone-number-item.attached:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gradient-accent-primary);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.phone-number-item.attached:hover{box-shadow:0 4px 12px #764ba233;transform:translate(4px)}.number-value{font-family:var(--font-mono);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:.5px}.line-name{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-normal)}.empty-state{padding:var(--space-10) var(--space-5);text-align:center;background:var(--bg-tertiary);border:2px dashed var(--border-secondary);border-radius:var(--radius-lg);color:var(--text-tertiary)}.empty-state p{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.success-message,.error-message{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);animation:slideIn var(--transition-base) ease;box-shadow:var(--shadow-sm)}.success-message{background:var(--status-success-bg);border:1px solid var(--status-success-border);color:var(--status-success);border-left:4px solid var(--status-success)}.error-message{background:var(--status-error-bg);border:1px solid var(--status-error-border);color:var(--status-error);border-left:4px solid var(--status-error)}@media (max-width: 768px){.phone-number-item{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.number-info{width:100%}.number-actions{width:100%;justify-content:flex-end}.number-value{font-size:var(--font-size-sm)}.line-name{font-size:.65rem}}@media (max-width: 480px){.empty-state{padding:var(--space-8) var(--space-4)}.success-message,.error-message{padding:var(--space-3);font-size:var(--font-size-xs)}}.webhook-content{padding-top:var(--space-3)}.webhook-loading{text-align:center;padding:var(--space-4);color:var(--text-secondary)}.webhook-url-container{margin-bottom:var(--space-3)}.webhook-label{display:block;color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.webhook-url-display{position:relative}.webhook-url-input{width:100%;padding:var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono, "Courier New", monospace);font-size:var(--font-size-sm);line-height:var(--line-height-normal);cursor:text;-webkit-user-select:all;user-select:all}.webhook-url-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb, 45, 108, 223),.1)}.webhook-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}.webhook-badge{display:inline-block;padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-left:var(--space-2)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--border-primary)}.modal-header h3{margin:0;color:var(--text-primary);font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.modal-close{background:none;border:none;font-size:var(--font-size-2xl);color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-base)}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:var(--space-5);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.modal-footer{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-5);border-top:1px solid var(--border-primary)}.btn-warning{background:#f59e0b;color:#fff;border:1px solid #d97706}.btn-warning:hover:not(:disabled){background:#d97706;border-color:#b45309}.btn-warning:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.webhook-actions{flex-direction:column}.webhook-actions button{width:100%}.modal-content{margin:var(--space-2)}.modal-header,.modal-body,.modal-footer{padding:var(--space-4)}}.license-page{min-height:100vh;background:var(--gradient-bg-primary);padding:var(--space-8) var(--space-5);position:relative}.license-page .container{margin:0 auto}.license-header{text-align:center;margin-bottom:var(--space-8);padding:var(--space-8);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);position:relative}.license-header h1{color:var(--text-primary);margin:0 0 var(--space-3) 0;font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.license-header .subtitle{color:var(--text-secondary);margin:0;font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.btn-back{position:absolute;top:var(--space-4);left:var(--space-4);background:transparent;border:1px solid var(--border-secondary);color:var(--text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-button);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-2)}.btn-back:hover{background:var(--hover-overlay);border-color:var(--accent-primary);color:var(--accent-primary);transform:translate(-2px)}.license-section{background:var(--bg-secondary);border:1px solid var(--border-primary);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:2px solid var(--border-secondary)}.section-title{display:flex;flex-direction:column;gap:var(--space-2)}.section-header h3{color:var(--text-primary);margin:0;font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--space-2)}.sync-status{display:flex;align-items:center}.sync-indicator{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:var(--space-1);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);transition:all var(--transition-base)}.sync-indicator--success{background:var(--status-success-bg);color:var(--status-success);border:1px solid var(--status-success-border)}.sync-indicator--error{background:var(--status-error-bg);color:var(--status-error);border:1px solid var(--status-error-border)}.sync-indicator--warning{background:var(--status-warning-bg);color:var(--status-warning);border:1px solid var(--status-warning-border)}.sync-indicator--info{background:var(--status-info-bg);color:var(--status-info);border:1px solid var(--status-info-border)}.license-page .input-compact{width:100%;padding:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-base);margin-bottom:var(--space-3);transition:all var(--transition-base)}.license-page .input-compact:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--focus-ring);background:var(--bg-tertiary)}.license-page .help-text{display:block;color:var(--text-tertiary);font-family:var(--font-body);font-size:var(--font-size-xs);margin-bottom:var(--space-5);line-height:var(--line-height-relaxed)}.license-page .success-message,.license-page .error-message{margin-bottom:var(--space-5);animation:slideIn var(--transition-base) ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.license-page .success-message{background:var(--status-success-bg);border:1px solid var(--status-success-border);color:var(--status-success);padding:var(--space-4);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-3);font-weight:var(--font-weight-medium)}.license-page .error-message{background:var(--status-error-bg);border:1px solid var(--status-error-border);color:var(--status-error);padding:var(--space-4);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-3);font-weight:var(--font-weight-medium)}.license-page .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16)}.license-page .spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.license-page .loading-spinner p{margin-top:var(--space-4);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--font-size-base)}@media (max-width: 640px){.license-page{padding:var(--space-5) var(--space-4)}.license-header{padding:var(--space-6) var(--space-5)}.license-header h1{font-size:var(--font-size-xl);flex-direction:column;gap:var(--space-2)}.license-header .subtitle{font-size:var(--font-size-sm)}.license-section{padding:var(--space-5)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.section-header h3{font-size:var(--font-size-base)}.btn-back{position:static;margin-bottom:var(--space-4);width:100%;justify-content:center}.license-header{position:relative}}@media (max-width: 480px){.license-page{padding:var(--space-4) var(--space-3)}.license-header{padding:var(--space-5) var(--space-4)}.license-header h1{font-size:var(--font-size-lg)}.license-section{padding:var(--space-4)}}.sms-history-section{max-width:1200px;margin:0 auto}.section-header-with-action{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding:var(--space-5);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.section-header-with-action h2{color:var(--text-primary);margin:0 0 var(--space-2) 0;font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.section-description{color:var(--text-secondary);margin:0;font-family:var(--font-body);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.sms-history-filters{background:var(--bg-secondary);border:1px solid var(--border-primary);padding:var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-5);box-shadow:var(--shadow-sm)}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.filter-group{display:flex;flex-direction:column}.filter-group label{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.filter-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.results-info{background:var(--bg-tertiary);border:1px solid var(--border-secondary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;font-weight:var(--font-weight-medium)}.sms-messages-list{display:flex;flex-direction:column;gap:var(--space-3)}.sms-message-item{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-base)}.sms-message-item:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-primary);transform:translateY(-2px)}.sms-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-secondary)}.sms-direction-status{display:flex;align-items:center;gap:var(--space-2)}.sms-direction-icon{font-size:1.2rem}.sms-timestamp{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.sms-message-body{display:flex;flex-direction:column;gap:var(--space-3)}.sms-participants{display:flex;gap:var(--space-5);font-family:var(--font-body);font-size:var(--font-size-sm)}.sms-participant{color:var(--text-secondary)}.sms-participant strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.sms-text{background:var(--bg-tertiary);padding:var(--space-3);border-radius:var(--radius-md);border-left:3px solid var(--accent-primary);font-family:var(--font-body);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.sms-message-footer{display:flex;gap:var(--space-4);font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--text-tertiary)}.sms-parts,.sms-cost{display:flex;align-items:center;gap:var(--space-1)}.status-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-family:var(--font-body);font-size:.7rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);display:inline-flex;align-items:center;gap:var(--space-1);transition:all var(--transition-base)}.status-success{background:var(--status-success-bg);color:var(--status-success);border:1px solid var(--status-success-border)}.status-info{background:var(--status-info-bg);color:var(--status-info);border:1px solid var(--status-info-border)}.status-warning{background:var(--status-warning-bg);color:var(--status-warning);border:1px solid var(--status-warning-border)}.status-error{background:var(--status-error-bg);color:var(--status-error);border:1px solid var(--status-error-border)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-5);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.pagination-info{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.pagination button{min-width:120px}.pagination button:disabled{opacity:.4;cursor:not-allowed}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);background:var(--bg-secondary);border:2px dashed var(--border-secondary);border-radius:var(--radius-lg);margin:var(--space-6) 0}.empty-state p{color:var(--text-tertiary);font-family:var(--font-body);font-size:var(--font-size-base);margin:0}@media (max-width: 768px){.filter-row{grid-template-columns:1fr}.sms-history-filters{padding:var(--space-4)}.section-header-with-action{flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.sms-message-item{padding:var(--space-3)}.sms-message-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.sms-participants,.sms-message-footer{flex-direction:column;gap:var(--space-2)}.pagination{flex-direction:column;gap:var(--space-3)}.pagination button{width:100%}.filter-actions{justify-content:stretch}.filter-actions button{flex:1}}@media (max-width: 480px){.sms-history-filters,.section-header-with-action{padding:var(--space-3)}.section-header-with-action h2{font-size:var(--font-size-lg)}.sms-message-item{padding:var(--space-3)}.sms-text{font-size:var(--font-size-xs)}}.not-found{position:fixed;inset:0;background:var(--gradient-bg-primary);display:flex;align-items:center;justify-content:center;padding:var(--space-4);min-height:100vh}.not-found__container{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-12);box-shadow:var(--shadow-xl);text-align:center;max-width:500px;width:100%}.not-found__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.not-found__title{font-family:var(--font-heading);font-size:6rem;font-weight:var(--font-weight-bold);color:var(--accent-primary);margin:0;text-shadow:0 4px 8px rgba(118,75,162,.3);letter-spacing:var(--letter-spacing-tight)}.not-found__message{font-family:var(--font-body);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0;letter-spacing:var(--letter-spacing-wide)}@media (max-width: 768px){.not-found__container{padding:var(--space-8)}.not-found__title{font-size:4rem}.not-found__message{font-size:var(--font-size-lg)}}@media (max-width: 480px){.not-found{padding:var(--space-2)}.not-found__container{padding:var(--space-6)}.not-found__title{font-size:3rem}.not-found__message{font-size:var(--font-size-base)}}