.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient( var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50% );--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient( var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50% );--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:-moz-fit-content;max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.custom-select-wrapper{position:relative;width:100%}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px;font-size:16px;text-align:left;background:white;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.custom-select-trigger:focus{outline:none;border-color:#5a4fcf;box-shadow:0 0 0 3px #5a4fcf1a}.custom-select-trigger.disabled{background-color:#f5f5f5;cursor:not-allowed;color:#9ca3af}.custom-select-trigger.open{border-color:#5a4fcf}.custom-select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#374151}.custom-select-trigger.disabled .custom-select-value{color:#9ca3af}.custom-select-arrow{flex-shrink:0;margin-left:8px;font-size:12px;color:#6b7280;transition:transform .2s}.custom-select-arrow.open{transform:rotate(180deg)}.custom-select-native{width:100%;padding:10px 12px;font-size:14px;background:white;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.custom-select-native:focus{outline:none;border-color:#5a4fcf;box-shadow:0 0 0 3px #5a4fcf1a}.custom-select-native:disabled{background-color:#f5f5f5;cursor:not-allowed;color:#9ca3af}.custom-select-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:9999;display:flex;align-items:flex-end;animation:fadeIn .2s ease-out}.custom-select-sheet{width:100%;max-height:60vh;margin-bottom:70px;background:#ffffff;border-radius:16px 16px 0 0;overflow:hidden;animation:slideUp .3s ease-out;display:flex;flex-direction:column;box-shadow:0 -4px 20px #00000026}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.custom-select-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e5e7eb;background:#ffffff;min-height:52px;gap:12px}.custom-select-sheet-title{font-size:15px;font-weight:600;color:#1f2937;flex:1}.custom-select-sheet-close{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;min-height:32px!important;max-height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#374151!important;border:none!important;border-radius:50%!important;cursor:pointer;color:#fff!important;transition:background .2s;flex:0 0 32px!important;padding:0!important;line-height:1;aspect-ratio:1 / 1}.custom-select-sheet-close i{font-size:14px;line-height:1}.custom-select-sheet-close:hover,.custom-select-sheet-close:active{background:#1f2937!important}.custom-select-options{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0}.custom-select-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 20px;font-size:16px;text-align:left;background:transparent;border:none;cursor:pointer;transition:background .15s;color:#374151}.custom-select-option:hover{background:#f3f4f6}.custom-select-option:active{background:#e5e7eb}.custom-select-option.selected{background:#EEF2FF;color:#5a4fcf}.custom-select-option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-option-check{flex-shrink:0;margin-left:12px;color:#5a4fcf;font-size:14px}@supports (padding-bottom: env(safe-area-inset-bottom)){.custom-select-sheet{margin-bottom:calc(70px + env(safe-area-inset-bottom))}}.custom-select-overlay{z-index:10000}.sms-wrapper{width:100%}.sms-wrapper.sms-disabled{opacity:.6;pointer-events:none}.sms-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;padding:8px 10px;background:#fafafa;border-radius:6px;border:1px solid #e5e7eb;min-height:38px}.sms-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#9ca3af;color:#fff;border-radius:4px;font-size:13px;font-weight:500;line-height:1.4}.sms-tag-label{white-space:nowrap}.sms-tag-remove{background:none;border:none;color:#fff;cursor:pointer;padding:0 2px;font-size:14px;line-height:1;opacity:.7;transition:opacity .15s}.sms-tag-remove:hover{opacity:1}.sms-tag-remove:disabled{cursor:not-allowed;opacity:.4}.sms-input-wrapper{position:relative}.sms-input{width:100%;padding:10px 12px;font-size:14px;background:white;border:1px solid #d1d5db;border-radius:6px;transition:border-color .2s,box-shadow .2s}.sms-input:focus{outline:none;border-color:#6b7280;box-shadow:0 0 0 2px #6b72801a}.sms-input:disabled{background-color:#f5f5f5;cursor:not-allowed;color:#9ca3af}.sms-input::-moz-placeholder{color:#9ca3af}.sms-input::placeholder{color:#9ca3af}.sms-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fafafa;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #00000014;overflow-y:auto;z-index:100}.sms-option{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background .1s;color:#374151;font-size:14px}.sms-option:last-child{border-bottom:none}.sms-option:hover{background:#f3f4f6}.sms-option:active{background:#e5e7eb}.sms-option-emoji{font-size:16px;flex-shrink:0}.sms-option-label{font-weight:500;flex:1;color:#1f2937}.sms-option-code{color:#6b7280;font-size:13px;flex-shrink:0}.sms-empty{padding:16px;text-align:center;color:#9ca3af;font-size:14px}@media (max-width: 768px){.sms-tags{padding:6px 8px;gap:4px}.sms-tag{padding:3px 8px;font-size:12px}.sms-input{font-size:16px;padding:12px}.sms-option{padding:12px 14px}.sms-dropdown{max-height:50vh!important}}.sms-option:focus-visible{outline:2px solid #6b7280;outline-offset:-2px}.sms-tag-remove:focus-visible{outline:2px solid white;outline-offset:1px;border-radius:2px}.critical-notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{box-shadow:0 0 #ff980066}50%{box-shadow:0 0 0 15px #ff980000}}@keyframes criticalPulse{0%,to{box-shadow:0 0 #f4433666}50%{box-shadow:0 0 0 15px #f4433600}}.critical-notification-popup{background:white;border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease;overflow:hidden}.critical-notification-popup.urgent{border-top:4px solid #ff9800;animation:slideUp .4s ease,pulse 2s infinite}.critical-notification-popup.critical{border-top:4px solid #f44336;animation:slideUp .4s ease,criticalPulse 1.5s infinite}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#ff9800 0%,#f57c00 100%)}.critical-notification-popup.critical .popup-header{background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%)}.popup-badge{display:flex;align-items:center;gap:8px;color:#fff;font-weight:600;font-size:14px}.popup-badge i{font-size:18px}.popup-counter{background:rgba(255,255,255,.2);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.popup-content{padding:24px;text-align:center}.popup-icon{width:64px;height:64px;margin:0 auto 16px;background:#fff3e0;border-radius:50%;display:flex;align-items:center;justify-content:center}.critical-notification-popup.critical .popup-icon{background:#ffebee}.popup-icon i{font-size:28px;color:#ff9800}.critical-notification-popup.critical .popup-icon i{color:#f44336}.popup-title{font-size:20px;font-weight:700;color:#333;margin:0 0 12px;line-height:1.3}.popup-message{font-size:15px;color:#555;line-height:1.6;margin:0 0 16px;max-height:150px;overflow-y:auto}.popup-meta{display:flex;justify-content:center;gap:20px;margin-bottom:16px}.popup-category,.popup-time{display:flex;align-items:center;gap:6px;font-size:13px;color:#888}.popup-category i,.popup-time i{font-size:12px}.popup-link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#f5f7fa;color:#6c63ff;text-decoration:none;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s}.popup-link:hover{background:#e8e6ff}.popup-navigation{display:flex;justify-content:space-between;padding:0 20px 16px}.nav-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f5f7fa;border:none;border-radius:6px;color:#666;font-size:13px;cursor:pointer;transition:all .2s}.nav-btn:hover:not(:disabled){background:#e8e6ff;color:#6c63ff}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.popup-actions{padding:20px;background:#f8f9fa;border-top:1px solid #e0e6ed}.btn-acknowledge{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#4caf50 0%,#43a047 100%);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-acknowledge:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #4caf5066}.btn-acknowledge:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width: 520px){.critical-notification-overlay{padding:16px}.critical-notification-popup{max-width:100%}.popup-content{padding:20px}.popup-icon{width:56px;height:56px}.popup-icon i{font-size:24px}.popup-title{font-size:18px}.popup-message{font-size:14px}.popup-meta{flex-direction:column;gap:8px}}button.guide-me-button{position:fixed!important;bottom:24px!important;right:24px!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;padding:12px 18px!important;background:linear-gradient(135deg,var(--primary-600) 0%,var(--secondary-600) 100%)!important;color:#fff!important;border:none!important;border-radius:50px!important;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #1d7afc59;transition:all .2s ease;z-index:1000!important;max-width:-moz-fit-content;max-width:fit-content;min-width:auto!important;flex:none!important}button.guide-me-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1d7afc73}button.guide-me-button i{font-size:16px}.guide-me-button .guide-progress{background:rgba(255,255,255,.2);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700}.guide-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px}.guide-modal{background:white;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0003}.guide-modal-header{padding:24px 24px 16px;text-align:center;border-bottom:1px solid #f3f4f6}.guide-modal-header h3{margin:0 0 6px;font-size:20px;font-weight:700;color:#1f2937}.guide-modal-header p{margin:0;font-size:14px;color:#6b7280}.guide-modal-body{padding:20px 24px}.guide-progress-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:8px}.guide-progress-fill{height:100%;background:linear-gradient(90deg,#5A4FCF,#7c3aed);border-radius:3px;transition:width .3s ease}.guide-progress-text{font-size:12px;color:#6b7280;text-align:center;margin-bottom:20px}.guide-options{display:flex;flex-direction:column;gap:10px}.guide-option{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .15s ease}.guide-option:hover:not(.completed):not(.locked){border-color:#5a4fcf;background:#faf8ff}.guide-option.completed{background:#f0fdf4;border-color:#bbf7d0;cursor:default}.guide-option.locked{opacity:.6;cursor:not-allowed}.guide-option-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.guide-option-icon.agent{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);color:#7c3aed}.guide-option-icon.channel{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#2563eb}.guide-option-icon.tool{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#d97706}.guide-option-icon.kb{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#059669}.guide-option.completed .guide-option-icon{background:linear-gradient(135deg,#bbf7d0 0%,#86efac 100%);color:#16a34a}.guide-option-info{flex:1;min-width:0}.guide-option-info h4{margin:0 0 2px;font-size:14px;font-weight:600;color:#1f2937}.guide-option-info p{margin:0;font-size:12px;color:#6b7280}.guide-option-status{flex-shrink:0;color:#9ca3af;font-size:14px}.guide-option:hover:not(.completed):not(.locked) .guide-option-status{color:#5a4fcf}.status-done{background:#dcfce7;color:#16a34a;font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px}.status-locked{font-size:11px;color:#9ca3af}.guide-modal-footer{padding:16px 24px;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center}.guide-modal-footer .btn{min-width:100px}.btn-dismiss-guide{background:none;border:none;color:#9ca3af;font-size:13px;cursor:pointer;padding:6px 0;transition:color .2s}.btn-dismiss-guide:hover{color:#ef4444}@media (max-width: 768px){button.guide-me-button{bottom:70px!important;right:16px!important;padding:10px 14px!important;font-size:13px}button.guide-me-button span:not(.guide-progress){display:none}.guide-modal{max-width:100%;margin:0 12px}.guide-modal-header{padding:20px 20px 14px}.guide-modal-body{padding:16px 20px}.guide-option{padding:12px 14px;gap:12px}.guide-option-icon{width:40px;height:40px;font-size:16px}}.auth-container{display:flex;height:100vh;background:#f8fafc;overflow:hidden}.auth-features-panel{flex:0 0 50%;max-width:50%;background:var(--gradient-primary);padding:40px 50px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-features-panel:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);animation:pulse 15s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.3}}.auth-features-content{position:relative;z-index:1;max-width:500px}.auth-brand{margin-bottom:30px}.auth-brand-logo{height:60px;margin-bottom:16px}.auth-brand-tagline{color:#ffffffe6;font-size:18px;font-weight:400;line-height:1.6}.auth-features-title{color:#fff;font-size:36px;font-weight:700;margin-bottom:16px;line-height:1.3}.auth-features-subtitle{color:#ffffffd9;font-size:16px;margin-bottom:24px;line-height:1.5}.auth-feature-list{display:flex;flex-direction:column;gap:16px}.auth-feature-item{display:flex;align-items:flex-start;gap:16px}.auth-feature-icon{width:40px;height:40px;background:rgba(255,255,255,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-feature-text h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.auth-feature-text p{color:#fffc;font-size:14px;margin:0;line-height:1.5}.auth-stats{display:flex;gap:30px;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.auth-stat-item{text-align:left}.auth-stat-value{color:#fff;font-size:28px;font-weight:700;line-height:1}.auth-stat-label{color:#fffc;font-size:13px;margin-top:6px}.auth-form-panel{flex:0 0 50%;max-width:50%;display:flex;align-items:center;justify-content:center;padding:30px 40px;background:white;overflow-y:auto}.auth-form-container{width:100%;max-width:440px}.auth-form-header{text-align:center;margin-bottom:24px}.auth-form-logo{height:36px;margin-bottom:24px}.auth-form-title{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px}.auth-form-subtitle{font-size:15px;color:#6b7280;margin:0}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form-row{display:flex;gap:16px}.auth-form-row>.auth-form-group{flex:1}.auth-form-group{display:flex;flex-direction:column;gap:8px}.auth-form-label{font-size:14px;font-weight:500;color:#374151}.auth-form-label .required{color:#ef4444;margin-left:2px}.auth-form-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;color:#1f2937;background:#f9fafb;transition:all .2s ease;outline:none;box-sizing:border-box}.auth-form-input:focus{border-color:var(--color-primary);background:white;box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.1)}.auth-form-input::-moz-placeholder{color:#9ca3af}.auth-form-input::placeholder{color:#9ca3af}.auth-password-wrapper{position:relative!important;width:100%;display:block}.auth-password-wrapper .auth-form-input{width:100%;padding-right:44px;box-sizing:border-box}.auth-password-wrapper .auth-password-toggle{position:absolute!important;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:0;margin:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;transition:color .2s;z-index:10;line-height:1}.auth-password-wrapper .auth-password-toggle:hover{color:var(--color-primary)}.auth-password-wrapper .auth-password-toggle i{display:block}.auth-phone-wrapper{display:flex;gap:12px}.auth-phone-wrapper .country-selector{flex-shrink:0}.auth-phone-wrapper .auth-form-input{flex:1}.auth-checkbox-group{display:flex;align-items:flex-start;gap:12px}.auth-checkbox{width:20px;height:20px;border:2px solid #d1d5db;border-radius:6px;cursor:pointer;flex-shrink:0;margin-top:2px;accent-color:var(--color-primary)}.auth-checkbox-label{font-size:14px;color:#4b5563;line-height:1.5}.auth-checkbox-label a{color:var(--color-primary);text-decoration:none;font-weight:500}.auth-checkbox-label a:hover{text-decoration:underline}.auth-submit-btn{width:100%;padding:14px 24px;background:var(--gradient-primary);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--color-primary-rgb),.4)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-submit-btn i{font-size:14px}.auth-error{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:14px}.auth-error i{font-size:16px;flex-shrink:0}.auth-success-message{text-align:center;padding:30px 20px}.auth-success-message h3{color:#1f2937;font-size:22px;font-weight:600;margin:16px 0 12px}.auth-success-message p{color:#6b7280;font-size:15px;line-height:1.6;margin:0 0 8px}.auth-success-note{color:#9ca3af;font-size:13px;margin-top:16px!important}.auth-success-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.auth-success-icon i{font-size:36px;color:#fff}.auth-error-message{text-align:center;padding:30px 20px}.auth-error-message h3{color:#1f2937;font-size:22px;font-weight:600;margin:16px 0 12px}.auth-error-message p{color:#6b7280;font-size:15px;line-height:1.6;margin:0}.auth-error-icon{width:80px;height:80px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.auth-error-icon i{font-size:36px;color:#fff}.auth-loading{text-align:center;padding:60px 20px;color:#6b7280}.auth-loading i{color:var(--color-primary);margin-bottom:16px}.auth-loading p{font-size:15px;margin:0}.password-strength{display:flex;align-items:center;gap:10px;margin-top:8px}.password-strength-bar{flex:1;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.password-strength-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:2px}.password-strength-label{font-size:12px;font-weight:500;min-width:50px}.auth-field-error{display:block;color:#ef4444;font-size:12px;margin-top:4px}.auth-field-success{display:block;color:#10b981;font-size:12px;margin-top:4px}.auth-field-success i{margin-right:4px}.auth-divider{display:flex;align-items:center;gap:16px;margin:8px 0}.auth-divider-line{flex:1;height:1px;background:#e5e7eb}.auth-divider-text{color:#9ca3af;font-size:13px;font-weight:500}.auth-social-buttons{display:flex;gap:12px}.auth-social-btn{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;background:white;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.auth-social-btn:hover{border-color:var(--color-primary);background:#f8fafc}.auth-social-btn img{width:20px;height:20px}.auth-switch{text-align:center;margin-top:24px;font-size:14px;color:#6b7280}.auth-switch-link{color:var(--color-primary);font-weight:600;text-decoration:none;cursor:pointer;background:none;border:none;font-size:14px}.auth-switch-link:hover{text-decoration:underline}.auth-forgot-link{text-align:right;margin-top:-8px}.auth-forgot-link a{color:var(--color-primary);font-size:13px;text-decoration:none}.auth-forgot-link a:hover{text-decoration:underline}.auth-hint{font-size:12px;color:#9ca3af;margin-top:4px;display:flex;align-items:center;gap:6px}@media (max-width: 1024px){.auth-features-panel{padding:40px}.auth-features-title{font-size:30px}.auth-stats{gap:30px}.auth-stat-value{font-size:28px}}@media (max-width: 768px){.auth-container{flex-direction:column;min-height:100vh}.auth-features-panel{padding:24px 20px;min-height:auto}.auth-features-content{max-width:100%}.auth-brand{margin-bottom:20px}.auth-brand-logo{height:32px;margin-bottom:8px}.auth-brand-tagline{display:none}.auth-features-title{font-size:20px;margin-bottom:16px}.auth-features-subtitle{display:none}.auth-feature-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.auth-feature-item{flex:1 1 45%;min-width:140px;gap:8px}.auth-feature-icon{width:32px;height:32px;font-size:14px;border-radius:8px}.auth-feature-text h4{font-size:12px}.auth-feature-text p,.auth-stats{display:none}.auth-form-panel{padding:24px 20px;flex:1;align-items:flex-start}.auth-form-container{max-width:100%;width:100%}.auth-form-header{margin-bottom:20px}.auth-form-logo{height:28px;margin-bottom:16px}.auth-form-title{font-size:22px}.auth-form-subtitle{font-size:13px}.auth-form{gap:14px}.auth-form-row{flex-direction:column;gap:14px}.auth-form-input{padding:10px 14px;font-size:14px}.auth-phone-wrapper{flex-direction:row}.auth-submit-btn{padding:12px 20px;font-size:15px;margin-top:4px}.auth-switch{margin-top:16px;font-size:13px}.auth-checkbox-label{font-size:12px}.auth-hint{display:none}}@media (max-width: 480px){.auth-features-panel{padding:20px 16px}.auth-brand{margin-bottom:12px}.auth-brand-logo{height:28px}.auth-features-title{font-size:16px;margin-bottom:12px}.auth-feature-list{gap:8px}.auth-feature-item{flex:1 1 45%;min-width:120px;gap:6px}.auth-feature-icon{width:28px;height:28px;font-size:12px;border-radius:6px}.auth-feature-text h4{font-size:11px}.auth-form-panel{padding:20px 16px}.auth-form-header{margin-bottom:16px}.auth-form-logo{height:24px;margin-bottom:12px}.auth-form-title{font-size:20px}.auth-form-subtitle{font-size:12px}.auth-form{gap:12px}.auth-form-label{font-size:13px}.auth-form-input{padding:10px 12px;font-size:14px;border-radius:8px}.auth-submit-btn{padding:11px 18px;font-size:14px;border-radius:8px}.auth-switch{margin-top:14px;font-size:12px}.auth-error{padding:10px 12px;font-size:12px}}.auth-container.login-page .auth-features-panel{flex:0 0 50%;max-width:50%}@media (max-width: 900px){.auth-container.login-page .auth-features-panel{display:none}.auth-container.login-page .auth-form-panel{background:linear-gradient(135deg,#f8fafc 0%,#e0e7ff 100%);min-height:100vh}.auth-container.login-page .auth-form-container{background:white;padding:32px 24px;border-radius:20px;box-shadow:0 10px 40px #0000001a}}@media (max-width: 480px){.auth-container.login-page .auth-form-container{padding:24px 20px;border-radius:16px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-form-container,.auth-feature-item{animation:fadeInUp .5s ease-out}.auth-feature-item:nth-child(1){animation-delay:.1s}.auth-feature-item:nth-child(2){animation-delay:.2s}.auth-feature-item:nth-child(3){animation-delay:.3s}.auth-feature-item:nth-child(4){animation-delay:.4s}.auth-feature-item:nth-child(5){animation-delay:.5s}.plan-details-container{max-width:1200px;margin:0 auto;padding:20px}.plan-details-header{text-align:center;margin-bottom:40px}.back-button{position:absolute;left:20px;top:20px;display:flex;align-items:center;gap:8px;text-decoration:none;color:#666;font-weight:500}.back-button:hover{color:#333}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.section-header h2{font-size:24px;font-weight:600;margin:0}.section-header i{color:#667eea;font-size:20px}.current-plan-section{margin-bottom:40px}.current-plan-card{background:white;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:30px;border:2px solid #667eea}.plan-info{display:flex;align-items:center;gap:20px;margin-bottom:30px}.plan-details-info h3{font-size:28px;font-weight:700;margin:0 0 8px;color:#333}.plan-status{display:flex;gap:12px;margin-top:12px}.status-badge,.plan-type-badge{border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.plan-type-badge{padding:4px 12px}.status-badge.active{background:#e7f5e7;color:#28a745}.plan-type-badge{background:#e3f2fd;color:#1976d2}.current-plan-features h4{font-size:18px;font-weight:600;margin-bottom:20px;color:#333}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.feature-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px}.feature-icon{width:32px;height:32px;background:#667eea;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.feature-content{flex:1}.feature-name{display:block;font-weight:600;color:#333;font-size:14px}.feature-value{display:block;color:#666;font-size:12px;margin-top:2px}.free-credits-info{display:flex;align-items:center;gap:16px;margin-top:30px;padding:20px;background:linear-gradient(135deg,#e7f5e7,#f0f8f0);border-radius:12px;border-left:4px solid #28a745}.credits-icon{width:48px;height:48px;background:#28a745;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.credits-content h4{margin:0 0 4px;color:#155724;font-size:16px}.credits-content p{margin:0;color:#155724;font-size:14px}.wallet-section{margin-bottom:40px}.wallet-card{background:white;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:30px;display:flex;justify-content:space-between;align-items:center}.balance-amount{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.amount{font-size:36px;font-weight:700;color:#333}.balance-description{color:#666;margin:0;font-size:14px}.upgrade-options-section{margin-bottom:40px}.upgrade-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:20px}.upgrade-plan-card{background:white;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:30px;border:2px solid #e9ecef;transition:all .3s ease}.upgrade-plan-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 30px #00000026}.upgrade-plan-card.enterprise{border-color:#ffc107}.upgrade-plan-card.enterprise:hover{border-color:#ff9800}.upgrade-plan-card .plan-header h3{font-size:24px;font-weight:700;margin:0 0 8px;color:#333}.plan-subtitle{color:#666;margin:0 0 16px;font-size:14px}.pricing-display{margin-bottom:20px}.pricing-option{background:#f8f9fa;padding:8px 16px;border-radius:8px;display:inline-block;margin:4px 4px 4px 0}.pricing-amount{font-weight:600;color:#333}.plan-features-summary{margin-bottom:30px}.plan-features-summary h4{font-size:16px;font-weight:600;margin-bottom:12px;color:#333}.features-list{max-height:200px;overflow-y:auto}.feature-category{margin-bottom:12px;padding:8px;background:#f8f9fa;border-radius:6px}.feature-category strong{display:block;margin-bottom:4px;color:#333;font-size:14px}.feature-item-summary{font-size:12px;color:#666;margin-left:8px}.features-comparison-section{margin-bottom:40px}.comparison-table-container{overflow-x:auto;background:white;border-radius:16px;box-shadow:0 4px 20px #0000001a}.features-comparison-table{width:100%;border-collapse:collapse;min-width:800px}.features-comparison-table th,.features-comparison-table td{padding:16px;text-align:left;border-bottom:1px solid #e9ecef}.features-comparison-table th{background:#f8f9fa;font-weight:600;color:#333;position:sticky;top:0;z-index:1}.current-plan-column{background:#e7f5e7!important;color:#155724!important}.plan-column.payg{background:#e3f2fd!important;color:#1976d2!important}.plan-column.enterprise{background:#fff3e0!important;color:#ef6c00!important}.category-header td{background:#667eea;color:#fff;font-weight:600;font-size:16px}.feature-name{font-weight:500;color:#333}.current-plan-value{background:#f0f8f0;font-weight:600}.feature-check.included{color:#28a745}.feature-check.not-included{color:#dc3545}.upgrade-modal{max-width:600px;width:90%}.upgrade-confirmation{text-align:center}.upgrade-from-to{display:flex;align-items:center;justify-content:space-between;margin:30px 0;padding:20px;background:#f8f9fa;border-radius:12px}.current-plan-info,.new-plan-info{flex:1}.current-plan-info h4,.new-plan-info h4{margin:0 0 8px;font-size:14px;color:#666;text-transform:uppercase;font-weight:600}.plan-name{font-size:18px;font-weight:700;color:#333;margin-bottom:4px}.plan-type{font-size:12px;color:#666}.upgrade-arrow{margin:0 20px;color:#667eea;font-size:24px}.upgrade-benefits{text-align:left;margin:20px 0}.upgrade-benefits h4{margin-bottom:12px;font-size:16px;color:#333}.upgrade-benefits ul{margin:0;padding-left:20px}.upgrade-benefits li{margin-bottom:8px;color:#333}.upgrade-notice{display:flex;align-items:center;gap:12px;padding:16px;background:#fff3cd;border-radius:8px;margin-top:20px}.upgrade-notice i{color:#856404;font-size:18px}.upgrade-notice p{margin:0;color:#856404;font-size:14px}.plan-card.current-plan{border:2px solid #28a745!important;background:linear-gradient(135deg,#f8fff8,#e7f5e7)}.plan-button.current{background:white!important;color:#555!important;border:2px solid #ccc!important;cursor:default!important;opacity:1!important}.plan-button.current:hover{background:white!important;color:#555!important;border:2px solid #ccc!important;transform:none!important}.plan-button.current:disabled{background:white!important;color:#555!important;border:2px solid #ccc!important;opacity:1!important}.current-plan-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}.plan-status-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:30px;color:#fff;grid-column:1 / -1}.plan-status-header{display:flex;align-items:center;gap:20px}.plan-icon{width:80px;height:80px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.plan-icon i{font-size:32px;color:#fff}.plan-details h2{font-size:32px;font-weight:700;margin:0 0 8px}.plan-description{font-size:16px;opacity:.9;margin:0 0 15px}.plan-badge .badge{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.active{background:rgba(40,167,69,.9);color:#fff}.badge.trial{background:rgba(255,193,7,.9);color:#212529;font-weight:600}.badge.inactive{background:rgba(108,117,125,.9);color:#fff}.wallet-info-card{background:white;border-radius:16px;padding:30px;box-shadow:0 8px 30px #0000001a;border:1px solid #e9ecef}.wallet-header{display:flex;align-items:center;gap:20px}.wallet-icon{width:60px;height:60px;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wallet-icon i{font-size:24px;color:#fff}.wallet-details{flex:1}.wallet-details h3{font-size:18px;font-weight:600;margin:0 0 10px;color:#333}.balance-amount{display:flex;align-items:baseline;gap:5px}.currency{font-size:16px;color:#666;font-weight:500}.amount{font-size:28px;font-weight:700;color:#28a745}.wallet-actions .btn{padding:12px 20px;font-size:14px;font-weight:600;border-radius:8px;display:flex;align-items:center;gap:8px}.transactions-card{background:white;border-radius:16px;padding:30px;box-shadow:0 8px 30px #0000001a;border:1px solid #e9ecef}.transactions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.transactions-header h3{font-size:20px;font-weight:600;margin:0;color:#333}.btn-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:500;text-decoration:none}.btn-link:hover{text-decoration:underline}.transactions-list{display:flex;flex-direction:column;gap:15px}.transaction-item{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.transaction-item:hover{background:#e9ecef}.transaction-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff}.transaction-icon .fa-plus{background:#28a745}.transaction-icon .fa-minus{background:#dc3545}.transaction-details{flex:1}.transaction-type{font-size:14px;font-weight:600;color:#333;margin-bottom:2px;text-transform:capitalize}.transaction-date{font-size:12px;color:#666}.transaction-amount{font-size:16px;font-weight:700}.usage-overview-card{background:white;border-radius:16px;padding:30px;box-shadow:0 8px 30px #0000001a;border:1px solid #e9ecef;grid-column:1 / -1}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.usage-header h3{font-size:20px;font-weight:600;margin:0;color:#333}.usage-period{font-size:14px;color:#666;background:#f8f9fa;padding:6px 12px;border-radius:20px}.usage-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px}.usage-stat{display:flex;align-items:center;gap:15px;padding:20px;background:#f8f9fa;border-radius:12px}.stat-label{font-size:14px;color:#666;margin-bottom:5px}.stat-value{font-size:20px;font-weight:700;color:#333}@media (max-width: 1024px){.current-plan-dashboard{grid-template-columns:1fr}.plan-status-card,.usage-overview-card{grid-column:1}}@media (max-width: 768px){.current-plan-dashboard{gap:20px;margin-top:20px}.plan-status-card,.wallet-info-card,.transactions-card,.usage-overview-card{padding:20px}.plan-status-header{flex-direction:column;text-align:center;gap:15px}.plan-icon{width:60px;height:60px}.plan-icon i,.plan-details h2{font-size:24px}.wallet-header{flex-direction:column;text-align:center;gap:15px}.usage-stats{grid-template-columns:1fr;gap:15px}.usage-stat{padding:15px}}@media (max-width: 480px){.current-plan-dashboard{gap:15px}.plan-status-card,.wallet-info-card,.transactions-card,.usage-overview-card{padding:15px}.amount{font-size:24px}.transaction-item{padding:12px;gap:12px}.transaction-icon{width:35px;height:35px;font-size:12px}}.plan-details-modal{max-width:800px;width:90vw;max-height:90vh;overflow-y:auto}.plan-details-modal .modal-header{position:relative;padding:30px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:16px 16px 0 0}.plan-details-modal .modal-close{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.2);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease}.plan-details-modal .modal-close:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.plan-overview{display:flex;flex-direction:column;gap:30px}.plan-info-section,.plan-features-section,.plan-description-section{background:#f8f9fa;border-radius:12px;padding:25px}.plan-info-section h4,.plan-features-section h4,.plan-description-section h4{font-size:18px;font-weight:600;margin:0 0 20px;color:#333;display:flex;align-items:center;gap:10px}.plan-info-section h4 i,.plan-features-section h4 i,.plan-description-section h4 i{color:#667eea}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:white;border-radius:8px;border-left:4px solid #667eea}.info-label{font-weight:600;color:#666}.info-value{font-weight:700;color:#333}.info-value.badge{padding:4px 12px;border-radius:20px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.info-value.badge.active{background:#28a745;color:#fff}.badge.trial{background:#ffc107;color:#212529}.badge.inactive{background:#6c757d;color:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.feature-item{display:flex;align-items:center;gap:15px;padding:15px;background:white;border-radius:8px;transition:all .3s ease}.feature-icon{width:45px;height:45px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon i{font-size:18px;color:#fff}.feature-details{flex:1;display:flex;flex-direction:column;gap:2px}.feature-name{font-weight:600;color:#333;font-size:14px}.feature-value{font-weight:500;color:#667eea;font-size:13px}.plan-description-text{font-size:16px;line-height:1.6;color:#666;margin:0;background:white;padding:20px;border-radius:8px;border-left:4px solid #667eea}.btn-outline-light{background:transparent;border:2px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-outline-light:hover{background:rgba(255,255,255,.1);border-color:#ffffff80;transform:translateY(-1px)}@media (max-width: 768px){.plan-details-modal{width:95vw;max-height:95vh}.plan-details-modal .modal-header,.plan-info-section,.plan-features-section,.plan-description-section{padding:20px}.info-grid{grid-template-columns:1fr;gap:15px}.features-grid{grid-template-columns:1fr;gap:12px}.feature-item{padding:12px}.feature-icon{width:40px;height:40px}.feature-icon i{font-size:16px}}.plan-comparison-table{width:100%;overflow-x:auto;margin:30px 0;background:white;border-radius:12px;box-shadow:0 4px 20px #00000014}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;min-width:900px;table-layout:fixed;display:table}.comparison-table thead tr{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;display:table-row}.comparison-table th{padding:25px 20px;text-align:center;font-weight:600;border-bottom:3px solid #f0f0f0;vertical-align:top;display:table-cell}.comparison-table tbody tr{display:table-row}.comparison-table tbody td{display:table-cell}.comparison-table th:first-child{border-top-left-radius:12px;text-align:left;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;font-size:16px;font-weight:700;width:30%}.comparison-table th.plan-header-cell{width:17.5%;border-left:2px solid rgba(255,255,255,.3)}.plan-header-cell{position:relative;min-width:180px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.plan-header-cell:last-child{border-top-right-radius:12px}.plan-header-content{display:flex;flex-direction:column;gap:12px;align-items:center}.plan-header-content h3{margin:0;font-size:22px;font-weight:700;color:#fff}.plan-header-content .plan-subtitle{margin:0;font-size:13px;color:#ffffffe6;line-height:1.4}.plan-header-content .pricing-display{margin:8px 0}.plan-header-content .pricing-amount{display:flex;flex-direction:column;align-items:center;gap:2px}.plan-header-content .pricing-amount strong{font-size:26px;color:#fff;font-weight:700}.plan-header-content .pricing-amount span{font-size:13px;color:#ffffffd9}.plan-header-content .free-credit-badge{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.2);padding:6px 12px;border-radius:20px;font-size:12px;color:#fff;font-weight:600}.plan-header-content .free-credit-badge i{font-size:14px}.plan-select-button{margin-top:10px;padding:12px 28px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;max-width:180px}.plan-select-button.filled{background:white;color:#667eea}.plan-select-button.filled:hover:not(:disabled){background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.plan-select-button.outline{background:transparent;color:#fff;border:2px solid white}.plan-select-button.outline:hover:not(:disabled){background:white;color:#667eea}.plan-select-button:disabled{opacity:.7;cursor:not-allowed}.comparison-table tbody tr.category-row{background:linear-gradient(90deg,#f8f9fa 0%,#e9ecef 100%)}.comparison-table tbody td.category-header{padding:16px 20px;font-weight:700;color:#333;border-top:2px solid #dee2e6}.comparison-table tbody td.category-header h4{margin:0;font-size:16px;display:flex;align-items:center;gap:10px;color:#495057}.comparison-table tbody td.category-header i{color:#667eea;font-size:18px}.comparison-table tbody tr.feature-row{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.comparison-table tbody tr.feature-row:hover{background-color:#f8f9fa}.comparison-table tbody td.feature-name-cell{padding:16px 20px;text-align:left;font-weight:500;color:#495057;background:#fafbfc;border-right:2px solid #f0f0f0;width:30%}.comparison-table tbody td.feature-name-cell .feature-name{font-size:14px;line-height:1.5}.comparison-table tbody td.feature-value-cell{padding:16px 20px;text-align:center;vertical-align:middle;width:17.5%;border-left:1px solid #e9ecef;word-wrap:break-word;overflow-wrap:break-word}.comparison-table tbody td.feature-value-cell .feature-check{font-size:20px}.comparison-table tbody td.feature-value-cell .feature-check.included{color:#28a745}.comparison-table tbody td.feature-value-cell .feature-check.not-included,.comparison-table tbody td.feature-value-cell .feature-not-available{color:#dc3545}.comparison-table tbody td.feature-value-cell .feature-value{font-size:14px;color:#495057;font-weight:500}.modal-header.success{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff;padding:30px;text-align:center;border-radius:20px 20px 0 0}.modal-header.error{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);color:#fff;padding:30px;text-align:center;border-radius:20px 20px 0 0}.modal-header.confirm{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:30px;text-align:center;border-radius:20px 20px 0 0}.modal-header .header-icon{width:80px;height:80px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-header .header-icon i{font-size:36px;color:#fff}.modal-header .header-text h3{font-size:28px;font-weight:700;margin:0 0 8px;color:#fff}.modal-header .header-text p{font-size:16px;opacity:.9;margin:0;color:#fff}.modal-body p{font-size:18px;color:#333;margin:0;line-height:1.5;text-align:center}.modal-footer{padding:0 40px 40px;display:flex;justify-content:center;gap:12px}@media (max-width: 1200px){.plan-comparison-table{overflow-x:scroll}.comparison-table{min-width:1000px}}@media (max-width: 768px){.plans-header h1{font-size:28px}.plans-header p{font-size:14px}.comparison-table th,.comparison-table td{padding:12px 10px}.plan-header-content h3{font-size:18px}.plan-select-button{padding:10px 20px;font-size:13px}}.onboarding-container{min-height:100vh;background:#f5f7fa;display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.onboarding-card{background:white;border-radius:12px;box-shadow:0 4px 20px #00000014;border:1px solid #e1e5e9;max-width:800px;width:100%;overflow:hidden;animation:slideUp .6s ease-out}.onboarding-card.compact{max-width:900px;max-height:90vh}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.onboarding-header{background:white;color:#333;text-align:center;padding:40px 30px;border-bottom:1px solid #f0f0f0}.onboarding-header.light{padding:20px 30px;background:white;border-bottom:1px solid #e1e5e9}.logo-section{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:5px}.onboarding-logo{height:32px;width:auto}.onboarding-header h1{font-size:24px;font-weight:600;margin:0;color:#333}.onboarding-subtitle{font-size:16px;color:#666;margin:0;line-height:1.5}.onboarding-form{padding:30px}.compact-form-layout{display:flex;flex-direction:column;gap:25px}.form-row{display:flex;gap:20px;align-items:flex-start}.form-field{flex:1;min-width:0}.form-field.full-width{flex:1 1 100%}.field-label{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.field-label i{color:#667eea;width:16px}.auto-detected{font-size:12px;font-weight:400;color:#4caf50;margin-left:5px}.form-input.compact,.form-select.compact{padding:6px 15px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;width:100%;box-sizing:border-box;transition:all .3s ease}.form-input.compact:focus,.form-select.compact:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.field-hint{font-size:12px;color:#666;margin-top:5px}.detection-banner.compact{background:linear-gradient(135deg,#e8f5e8 0%,#f0f8f0 100%);border:1px solid #c8e6c9;border-radius:8px;padding:12px 15px;display:flex;align-items:center;gap:10px;font-size:14px;color:#2e7d32;font-weight:500}.detection-banner.compact i{color:#4caf50}.timezone-preview.compact{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:8px 12px;margin-top:8px;font-size:12px;color:#495057;display:flex;align-items:center;gap:6px}.timezone-preview.compact i{color:#667eea;font-size:12px}.currency-selector{position:relative}.selected-currency{background:white;border:2px solid #e1e5e9;border-radius:8px;padding:6px 15px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .3s ease}.selected-currency:hover{border-color:#1976d2}.currency-display{display:flex;align-items:center;gap:12px;flex:1}.currency-flag{font-size:18px;width:24px;text-align:center}.currency-details{display:flex;flex-direction:column;gap:2px}.currency-code{font-size:14px;font-weight:600;color:#333}.currency-name{font-size:12px;color:#666}.currency-symbol{font-size:14px;font-weight:600;color:#1976d2;margin-left:auto}.dropdown-arrow{color:#666;font-size:12px;margin-left:10px}.currency-selector .currency-select{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:15px;border-radius:8px;margin-bottom:30px;display:flex;align-items:center;gap:10px}.error-message i{flex-shrink:0}.form-actions{margin-top:40px;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;min-height:48px}.btn-primary{background:#1976d2;color:#fff}.btn-primary:hover:not(:disabled){background:#1565c0}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.btn-large{padding:18px 40px;font-size:18px;min-height:60px}.onboarding-footer{margin-top:30px;text-align:center;padding-top:20px;border-top:1px solid #eee}.onboarding-footer p{font-size:14px;color:#666;margin:0}.link{color:#667eea;text-decoration:none}.link:hover{text-decoration:underline}@media (max-width: 768px){.onboarding-container{padding:10px}.onboarding-card.compact{margin:0;border-radius:12px;max-height:95vh}.onboarding-header.compact{padding:20px}.logo-section{flex-direction:column;gap:10px}.onboarding-logo{height:32px}.onboarding-header h1{font-size:22px}.onboarding-subtitle{font-size:14px}.onboarding-form{padding:25px 20px}.form-row{flex-direction:column;gap:15px}.compact-form-layout{gap:20px}.field-label{font-size:14px}.detection-banner.compact{padding:10px 12px;font-size:13px}}@media (max-width: 480px){.currency-option{padding:12px;gap:10px}.currency-flag{font-size:24px}.currency-code{font-size:16px}.btn-large{padding:15px 30px;font-size:16px}}.loading-section,.error-section{text-align:center;padding:60px 40px}.loading-icon,.error-icon{width:80px;height:80px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:50%}.loading-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.error-icon{background:#fee;color:#c33}.loading-icon i,.error-icon i{font-size:32px}.loading-section h2,.error-section h2{font-size:24px;font-weight:600;margin:0 0 10px;color:#333}.loading-section p,.error-section p{font-size:16px;color:#666;margin:0 0 30px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:white;border-radius:20px;box-shadow:0 25px 50px #00000040;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideUp .4s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.success-modal .modal-header.success{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff;padding:30px;text-align:center;border-radius:20px 20px 0 0}.success-modal .header-icon{width:80px;height:80px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.success-modal .header-icon i{font-size:36px;color:#fff}.success-modal .header-text h3{font-size:28px;font-weight:700;margin:0 0 8px}.success-modal .header-text p{font-size:16px;opacity:.9;margin:0}.success-modal .modal-body{padding:40px}.success-modal .success-message{text-align:center;margin-bottom:40px}.success-modal .success-icon{width:60px;height:60px;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.success-modal .success-icon i{font-size:24px;color:#fff}.success-modal .success-message p{font-size:18px;color:#333;margin:0;line-height:1.5}.next-steps{background:#f8f9fa;border-radius:16px;padding:30px;margin-bottom:30px}.next-steps h4{font-size:20px;font-weight:600;margin:0 0 20px;color:#333;display:flex;align-items:center;gap:10px}.next-steps h4 i{color:#28a745}.next-steps ul{list-style:none;padding:0;margin:0}.next-steps li{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #e9ecef;font-size:16px;color:#555}.next-steps li:last-child{border-bottom:none}.next-steps li i{color:#28a745;width:20px;flex-shrink:0;font-size:18px}.next-steps li strong{color:#333}.full-width{width:100%}@media (max-width: 768px){.modal-overlay{padding:10px}.modal-content{border-radius:16px;max-height:95vh}.success-modal .modal-header.success{padding:20px}.success-modal .header-icon{width:60px;height:60px;margin-bottom:15px}.success-modal .header-icon i{font-size:28px}.success-modal .header-text h3{font-size:22px}.success-modal .modal-body{padding:25px}.next-steps{padding:20px}.next-steps h4{font-size:18px}.next-steps li{padding:12px 0;font-size:15px}}@media (max-width: 480px){.success-modal .header-text h3{font-size:20px}.success-modal .success-message p{font-size:16px}.next-steps li{gap:12px;font-size:14px}.next-steps li i{font-size:16px}}.error-modal .modal-header.error{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);color:#fff;padding:30px;text-align:center;border-radius:20px 20px 0 0}.error-modal .header-icon{width:80px;height:80px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-modal .header-icon i{font-size:36px;color:#fff}.error-modal .header-text h3{font-size:28px;font-weight:700;margin:0 0 8px}.error-modal .header-text p{font-size:16px;opacity:.9;margin:0}.error-modal .modal-body{padding:40px}.error-modal .error-message{text-align:center;margin-bottom:40px}.error-modal .error-icon{width:60px;height:60px;background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.error-modal .error-icon i{font-size:24px;color:#fff}.error-modal .error-message p{font-size:18px;color:#333;margin:0;line-height:1.5}.btn-secondary:hover:not(:disabled){background:#a8afb6}@media (max-width: 768px){.error-modal .modal-header.error{padding:20px}.error-modal .header-icon{width:60px;height:60px;margin-bottom:15px}.error-modal .header-icon i{font-size:28px}.error-modal .header-text h3{font-size:22px}.error-modal .modal-body{padding:25px}}@media (max-width: 480px){.error-modal .header-text h3{font-size:20px}.error-modal .error-message p{font-size:16px}}.onboarding-fullpage{min-height:100vh;width:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;flex-direction:column;align-items:center;padding:20px;box-sizing:border-box;overflow-y:auto}.onboarding-wrapper{width:100%!important;max-width:none!important;display:flex;flex-direction:column;align-items:center;gap:20px;padding:0 20px;box-sizing:border-box}.onboarding-fullpage .onboarding-header{text-align:center;padding:0;background:transparent;border:none}.onboarding-fullpage .onboarding-logo{height:48px;margin-bottom:12px}.onboarding-fullpage .onboarding-header h1{font-size:28px;font-weight:700;color:#fff;margin:0 0 6px;text-shadow:0 2px 10px rgba(0,0,0,.1)}.onboarding-fullpage .onboarding-header p{color:#ffffffe6;font-size:14px;margin:0}.onboarding-fullpage .onboarding-steps-indicator{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;padding:15px 0;margin-bottom:0;max-width:none!important;width:100%!important;display:flex;justify-content:center;gap:0}.onboarding-fullpage .step-item{max-width:120px}.onboarding-fullpage .step-circle{background:rgba(255,255,255,.2);color:#fff;width:44px;height:44px;font-size:16px;border:2px solid rgba(255,255,255,.3)}.onboarding-fullpage .step-item.active .step-circle{background:white;color:#667eea;border-color:#fff;box-shadow:0 4px 15px #0003}.onboarding-fullpage .step-item.completed .step-circle{background:#28a745;color:#fff;border-color:#28a745}.onboarding-fullpage .step-label{color:#ffffffb3;font-size:11px;margin-top:6px}.onboarding-fullpage .step-item.active .step-label{color:#fff;font-weight:600}.onboarding-fullpage .step-item.completed .step-label{color:#ffffffe6}.onboarding-fullpage .step-connector{background:rgba(255,255,255,.3);top:22px;height:2px}.onboarding-fullpage .step-item.completed .step-connector{background:#28a745}.onboarding-fullpage .onboarding-content{background:white;border-radius:16px;box-shadow:0 20px 60px #0003;width:100%!important;max-width:none!important;padding:20px;animation:slideUp .5s ease-out;max-height:calc(100vh - 220px);overflow-y:auto;box-sizing:border-box}.onboarding-fullpage .onboarding-content .page,.onboarding-fullpage .onboarding-content .plans-container{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}.onboarding-fullpage .onboarding-content .plan-comparison-table{width:100%!important;max-width:none!important;margin:15px 0!important}.onboarding-fullpage .onboarding-content .comparison-table{width:100%!important;min-width:800px!important;table-layout:auto!important}.onboarding-fullpage .onboarding-content .plans-header{margin-bottom:15px!important}.onboarding-fullpage .onboarding-content .plans-header h1{font-size:24px!important}.onboarding-fullpage .onboarding-content .plans-header p{font-size:14px!important}.onboarding-fullpage .onboarding-loading{background:white;border-radius:16px;padding:40px;text-align:center;box-shadow:0 20px 60px #0003}@media (max-width: 1200px){.onboarding-wrapper{max-width:100%;padding:0 15px}.onboarding-fullpage .onboarding-content{padding:15px}}@media (max-width: 992px){.onboarding-fullpage{padding:15px}.onboarding-fullpage .onboarding-header h1{font-size:24px}.onboarding-fullpage .onboarding-steps-indicator{padding:10px 15px;overflow-x:auto}.onboarding-fullpage .step-label{font-size:11px}.onboarding-fullpage .onboarding-content{max-height:calc(100vh - 200px);border-radius:12px}.onboarding-fullpage .onboarding-content .comparison-table{min-width:700px!important}}@media (max-width: 768px){.onboarding-fullpage{padding:10px}.onboarding-wrapper{gap:15px;padding:0 10px}.onboarding-fullpage .onboarding-logo{height:36px}.onboarding-fullpage .onboarding-header h1{font-size:20px}.onboarding-fullpage .onboarding-header p{font-size:12px}.onboarding-fullpage .onboarding-steps-indicator{width:100%;justify-content:flex-start}.onboarding-fullpage .step-label{display:none}.onboarding-fullpage .onboarding-content{padding:12px;max-height:calc(100vh - 180px)}.onboarding-fullpage .onboarding-content .plans-header h1{font-size:20px!important}.onboarding-fullpage .onboarding-content .plans-header p{font-size:12px!important}}@media (max-width: 480px){.onboarding-fullpage{padding:8px}.onboarding-wrapper{gap:10px;padding:0 5px}.onboarding-fullpage .onboarding-header h1{font-size:18px}.onboarding-fullpage .onboarding-content{padding:10px;border-radius:10px}}.onboarding-container{flex-direction:column;gap:30px;padding:40px 20px}.onboarding-header{text-align:center;border:none;padding:0;background:transparent}.onboarding-header h1{font-size:28px;margin-top:15px}.onboarding-header p{color:#666;font-size:16px;margin-top:8px}.onboarding-content{background:white;border-radius:16px;box-shadow:0 4px 20px #00000014;max-width:700px;width:100%;padding:40px}.onboarding-steps-indicator{display:flex;justify-content:center;align-items:flex-start;gap:0;margin-bottom:20px;max-width:700px;width:100%}.step-item{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;max-width:140px}.step-circle{width:48px;height:48px;border-radius:50%;background:#e9ecef;display:flex;align-items:center;justify-content:center;font-size:18px;color:#adb5bd;transition:all .3s ease;position:relative;z-index:2}.step-item.active .step-circle{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 15px #667eea66}.step-item.completed .step-circle{background:#28a745;color:#fff}.step-label{font-size:12px;color:#adb5bd;margin-top:8px;text-align:center;font-weight:500;transition:color .3s ease}.step-item.active .step-label{color:#667eea;font-weight:600}.step-item.completed .step-label{color:#28a745}.step-connector{position:absolute;top:24px;left:50%;width:100%;height:3px;background:#e9ecef;z-index:1}.step-item.completed .step-connector{background:#28a745}.onboarding-step{text-align:center}.onboarding-step .step-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:32px;color:#fff}.onboarding-step .step-icon.success{background:linear-gradient(135deg,#28a745 0%,#20c997 100%)}.onboarding-step h2{font-size:24px;font-weight:600;color:#333;margin:0 0 12px}.onboarding-step .step-description{font-size:16px;color:#666;margin:0 0 32px;line-height:1.6}.onboarding-step .step-actions{display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:32px}.onboarding-step .step-help{margin-top:24px;padding:16px;background:#f8f9fa;border-radius:8px;font-size:14px;color:#666}.onboarding-step .step-help i{color:#667eea;margin-right:8px}.email-illustration{margin:32px 0}.email-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px;max-width:350px;margin:0 auto;text-align:left}.email-header{border-bottom:1px solid #e9ecef;padding-bottom:12px;margin-bottom:12px}.email-from{display:block;font-size:12px;color:#999}.email-subject{display:block;font-size:14px;font-weight:600;color:#333;margin-top:4px}.email-body{font-size:13px;color:#666}.email-button-placeholder{display:inline-block;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:8px 20px;border-radius:6px;font-size:12px;margin-top:12px}.card-verification-step{width:100%;max-width:900px;margin:0 auto}.card-verification-step .step-icon{display:none}.card-verification-step h2{text-align:left;margin-bottom:12px}.card-verification-step .step-description{text-align:left;margin-bottom:24px}.card-verify-container{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start;text-align:left}.card-verify-info{padding:20px 0}.card-verify-info .step-icon{display:flex!important;width:64px;height:64px;font-size:24px;margin:0 0 20px}.verification-flow{display:flex;align-items:center;justify-content:flex-start;gap:20px;background:linear-gradient(135deg,#f8f9ff 0%,#f0f4ff 100%);border:1px solid #e0e7ff;border-radius:16px;padding:24px 32px;margin-bottom:28px}.flow-step{display:flex;align-items:center;gap:14px}.flow-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#5A4FCF 0%,#7c3aed 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 4px 12px #5a4fcf4d}.flow-icon.success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 12px #10b9814d}.flow-text{display:flex;flex-direction:column;gap:2px}.flow-title{font-size:13px;color:#6b7280;font-weight:500}.flow-amount{font-size:20px;font-weight:700;color:#1f2937}.flow-arrow{color:#9ca3af;font-size:20px;animation:flowPulse 2s ease-in-out infinite}@keyframes flowPulse{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(5px)}}.card-benefits{display:flex;flex-direction:column;gap:14px}.card-benefits .benefit-item{display:flex;align-items:center;gap:12px;font-size:15px;color:#374151}.card-benefits .benefit-item i{color:#10b981;font-size:18px}.card-verify-action{position:sticky;top:20px}.payment-card{background:white;border-radius:20px;padding:32px;box-shadow:0 10px 40px #0000001a,0 2px 10px #0000000d;border:1px solid #f0f0f0}.payment-card-header{display:flex;align-items:center;justify-content:center;gap:10px;padding-bottom:20px;border-bottom:1px solid #f0f0f0;margin-bottom:24px;color:#10b981;font-weight:600;font-size:15px}.payment-card-header i{font-size:20px}.payment-amount-display{text-align:center;margin-bottom:16px}.payment-amount-display .currency-symbol{font-size:28px;font-weight:600;color:#6b7280;vertical-align:top;margin-right:4px}.payment-amount-display .amount-value{font-size:56px;font-weight:700;color:#1f2937;line-height:1}.payment-note{display:flex;align-items:center;justify-content:center;gap:8px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:12px 16px;margin-bottom:24px;font-size:13px;color:#166534}.payment-note i{color:#22c55e}.verify-button{width:100%;padding:16px 24px;background:linear-gradient(135deg,#5A4FCF 0%,#7c3aed 100%);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 14px #5a4fcf66}.verify-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #5a4fcf80}.verify-button:disabled{opacity:.7;cursor:not-allowed}.verify-button i{font-size:18px}.security-badges{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0}.security-badges .badge{display:flex;align-items:center;gap:4px;color:#9ca3af;font-size:12px}.security-badges .badge i{font-size:20px}.powered-by{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font-size:12px;color:#9ca3af}.powered-by img{height:18px}.payment-card .error-message{display:flex;align-items:center;gap:10px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 16px;margin-bottom:16px;color:#dc2626;font-size:13px}.payment-card .error-message i{font-size:16px}@media (max-width: 900px){.card-verify-container{grid-template-columns:1fr;gap:24px}.card-verify-action{position:static}.payment-card{max-width:400px;margin:0 auto}}@media (max-width: 600px){.verification-flow{flex-direction:column;gap:16px;padding:20px}.flow-arrow{transform:rotate(90deg)}@keyframes flowPulse{0%,to{opacity:.5;transform:translateY(0) rotate(90deg)}50%{opacity:1;transform:translateY(5px) rotate(90deg)}}.flow-step{width:100%;justify-content:center}.payment-amount-display .amount-value{font-size:44px}.card-verification-step h2,.card-verification-step .step-description{text-align:center}.card-verify-info .step-icon{margin:0 auto 20px}.card-benefits{align-items:center}}.verification-info{margin:32px 0}.amount-display{font-size:48px;font-weight:700;color:#28a745;margin-bottom:8px}.amount-note{font-size:14px;color:#666}.verification-benefits{background:#f8f9fa;border-radius:12px;padding:24px;margin:24px 0;text-align:left}.verification-benefits h4{font-size:16px;font-weight:600;color:#333;margin:0 0 16px;display:flex;align-items:center;gap:8px}.verification-benefits h4 i{color:#28a745}.verification-benefits ul{list-style:none;padding:0;margin:0}.verification-benefits li{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:14px;color:#555}.verification-benefits li i{color:#28a745;font-size:14px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:24px 0;text-align:left}.plan-card{background:white;border:2px solid #e9ecef;border-radius:12px;padding:24px;cursor:pointer;transition:all .3s ease;position:relative}.plan-card:hover{border-color:#667eea;transform:translateY(-2px)}.plan-card.selected{border-color:#667eea;box-shadow:0 4px 15px #667eea33}.plan-card.popular{border-color:#ffc107}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ffc107 0%,#ffca28 100%);color:#333;font-size:11px;font-weight:600;padding:4px 12px;border-radius:12px;white-space:nowrap}.plan-header h3{font-size:18px;font-weight:600;margin:0 0 4px;color:#333}.plan-header p{font-size:13px;color:#666;margin:0}.plan-price{margin:16px 0}.price-amount{font-size:28px;font-weight:700;color:#333}.price-period{font-size:14px;color:#666}.free-credits-badge{display:inline-flex;align-items:center;gap:6px;background:#e8f5e9;color:#28a745;font-size:12px;font-weight:600;padding:6px 12px;border-radius:16px;margin-bottom:16px}.plan-features{list-style:none;padding:0;margin:0}.plan-features li{display:flex;align-items:center;gap:8px;font-size:13px;color:#555;padding:6px 0}.plan-features li i{color:#28a745;font-size:12px}.plan-card .btn{width:100%;margin-top:16px}.agent-type-selection h3{font-size:18px;color:#333;margin-bottom:20px}.agent-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.agent-type-card{background:white;border:2px solid #e9ecef;border-radius:12px;padding:24px 16px;cursor:pointer;transition:all .3s ease;text-align:center}.agent-type-card:hover{border-color:#667eea;transform:translateY(-2px)}.agent-type-card.selected{border-color:#667eea;background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,rgba(118,75,162,.05) 100%)}.type-icon{width:56px;height:56px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:24px;color:#fff}.agent-type-card h4{font-size:14px;font-weight:600;margin:0 0 6px;color:#333}.agent-type-card p{font-size:12px;color:#666;margin:0}.guided-tour-section{margin-top:24px}.tour-steps{background:#f8f9fa;border-radius:12px;padding:24px;margin-bottom:24px}.tour-step{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid #e9ecef}.tour-step:last-child{border-bottom:none;padding-bottom:0}.tour-step:first-child{padding-top:0}.tour-step-number{width:32px;height:32px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.tour-step-content h4{font-size:15px;font-weight:600;color:#333;margin:0 0 4px}.tour-step-content p{font-size:13px;color:#666;margin:0;line-height:1.5}.tour-step-content strong{color:#667eea}.tour-action{text-align:center}.tour-action .btn-large{padding:14px 32px;font-size:16px}.tour-hint{font-size:13px;color:#666;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:6px}.tour-hint i{color:#667eea}.agent-created-section{text-align:center;padding:20px 0}.agent-created-section .success-icon{font-size:64px;color:#28a745;margin-bottom:16px}.agent-created-section h3{font-size:24px;font-weight:600;color:#333;margin:0 0 20px}.agent-info-card{background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);border:2px solid #667eea;border-radius:12px;padding:20px;margin:0 auto 20px;max-width:300px}.agent-info-card .agent-name{font-size:18px;font-weight:600;color:#333;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.agent-info-card .agent-name i{color:#667eea}.agent-info-card .agent-type{font-size:14px;color:#666}.next-step-info{font-size:14px;color:#666;margin-bottom:20px}.agent-details-form{text-align:left}.back-button{background:none;border:none;color:#667eea;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;margin-bottom:20px;padding:0}.back-button:hover{color:#764ba2}.form-group label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.form-group label .required{color:#dc3545}.form-input,.form-textarea,.form-select{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-help{display:block;font-size:12px;color:#999;margin-top:6px}.agent-preview-card{background:#f8f9fa;border-radius:12px;padding:24px;margin:24px 0;text-align:left}.preview-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.agent-info{flex:1}.agent-info h3{font-size:18px;font-weight:600;margin:0 0 4px;color:#333}.agent-info p{font-size:14px;color:#666;margin:0}.agent-status{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.agent-status.online{color:#28a745}.status-dot{width:8px;height:8px;background:#28a745;border-radius:50%;animation:pulse 2s infinite}.preview-stats{display:flex;gap:24px}.stat-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.stat-item i{color:#667eea}.test-instructions{background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,rgba(118,75,162,.05) 100%);border:1px solid rgba(102,126,234,.2);border-radius:12px;padding:24px;margin:24px 0}.test-instructions h4{display:flex;align-items:center;gap:8px;font-size:16px;color:#333;margin:0 0 12px}.test-instructions h4 i{color:#ffc107}.test-instructions p{font-size:14px;color:#666;margin:0 0 16px}.completion-section{margin-top:32px}.completion-message{display:flex;align-items:flex-start;gap:12px;background:#e8f5e9;border-radius:12px;padding:16px;margin-bottom:20px}.completion-message i{color:#28a745;font-size:24px;margin-top:2px}.completion-message h4{font-size:16px;font-weight:600;margin:0 0 4px;color:#333}.completion-message p{font-size:14px;color:#666;margin:0}.onboarding-loading,.loading-container{text-align:center;padding:60px 20px}.loading-spinner{width:48px;height:48px;border:4px solid #e9ecef;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.onboarding-loading p,.loading-container p{color:#666;font-size:16px}.success-message{background:#e8f5e9;border:1px solid #c8e6c9;color:#28a745;padding:12px 16px;border-radius:8px;margin:16px 0;display:flex;align-items:center;gap:10px;font-size:14px}.btn-outline{background:transparent;border:1px solid #667eea;color:#667eea}.btn-outline:hover:not(:disabled){background:#667eea;color:#fff}@media (max-width: 768px){.onboarding-fullpage{padding:15px}.onboarding-fullpage .onboarding-header h1{font-size:24px}.onboarding-fullpage .onboarding-header p{font-size:14px}.onboarding-fullpage .onboarding-steps-indicator{padding:15px 20px;overflow-x:auto}.onboarding-fullpage .onboarding-content{padding:24px;border-radius:16px;max-height:85vh}.onboarding-wrapper{width:95%}.onboarding-steps-indicator{gap:0;padding:0 10px}.step-circle{width:36px;height:36px;font-size:14px}.step-label{font-size:9px}.step-connector{top:18px}.onboarding-content{padding:24px}.agent-types-grid,.plans-grid{grid-template-columns:1fr}.preview-stats{flex-wrap:wrap;gap:12px}.onboarding-step h2{font-size:20px}.onboarding-step .step-icon{width:64px;height:64px;font-size:28px}.onboarding-step .step-description{font-size:14px}}@media (max-width: 480px){.onboarding-fullpage .onboarding-logo{height:36px}.onboarding-fullpage .onboarding-header h1{font-size:20px}.step-label{display:none}.step-item{max-width:60px}.plan-price .price-amount{font-size:24px}.btn-large{padding:14px 24px;font-size:15px}}.ui-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:999999!important;padding:20px;animation:modal-overlay-fade-in .2s ease-out}@keyframes modal-overlay-fade-in{0%{opacity:0}to{opacity:1}}.ui-modal{background:white;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:modal-slide-up .3s ease-out;position:relative}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ui-modal--xs{max-width:320px}.ui-modal--sm{max-width:480px}.ui-modal{max-width:600px}.ui-modal--lg{max-width:800px}.ui-modal--xl{max-width:1000px}.ui-modal--full{max-width:95vw;max-height:95vh}.ui-modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.ui-modal__header-content{display:flex;align-items:flex-start;gap:12px;flex:1}.ui-modal__icon{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}.ui-modal__header-text{flex:1}.ui-modal__title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 4px;line-height:1.3}.ui-modal__subtitle{font-size:14px;color:#6b7280;margin:0;line-height:1.4}.ui-modal__close{width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s;flex-shrink:0;margin-left:12px}.ui-modal__close:hover:not(:disabled){background:#f3f4f6;color:#1f2937}.ui-modal__close:disabled{opacity:.5;cursor:not-allowed}.ui-modal__body{padding:24px;overflow-y:auto;flex:1}.ui-modal__body::-webkit-scrollbar{width:8px}.ui-modal__body::-webkit-scrollbar-track{background:#f3f4f6}.ui-modal__body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.ui-modal__body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.ui-modal--loading .ui-modal__body{display:flex;align-items:center;justify-content:center;min-height:200px}.ui-modal__loading{text-align:center;color:#6b7280}.ui-modal__loading i{font-size:32px;margin-bottom:12px;color:#667eea}.ui-modal__loading p{margin:0;font-size:14px}.ui-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px;flex-shrink:0}@media (max-width: 768px){.ui-modal-overlay{padding:10px}.ui-modal{max-width:100%!important;max-height:95vh}.ui-modal__header,.ui-modal__body{padding:16px}.ui-modal__footer{padding:12px 16px;flex-direction:column-reverse}.ui-modal__footer>*{width:100%}.ui-modal__icon{width:36px;height:36px;font-size:16px}.ui-modal__title{font-size:18px}.ui-modal__subtitle{font-size:13px}}.ui-modal__close:focus-visible,.ui-modal button:focus-visible,.ui-modal input:focus-visible,.ui-modal select:focus-visible,.ui-modal textarea:focus-visible{outline:2px solid #667eea;outline-offset:2px}.delete-modal .ui-modal__icon{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.delete-modal__content{display:flex;flex-direction:column;gap:20px}.delete-modal__message{font-size:15px;line-height:1.6;color:#374151}.delete-modal__message strong{color:#ef4444;font-weight:600}.delete-modal__confirmation{display:flex;flex-direction:column;gap:8px}.delete-modal__label{font-size:13px;font-weight:500;color:#374151}.delete-modal__label strong{color:#ef4444;font-family:SF Mono,Monaco,Cascadia Code,monospace}.delete-modal__input{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;transition:all .2s;font-family:SF Mono,Monaco,Cascadia Code,monospace}.delete-modal__input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.delete-modal__input--error{border-color:#ef4444;background:#fef2f2}.delete-modal__input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.delete-modal__error{display:flex;align-items:center;gap:6px;color:#ef4444;font-size:13px;margin-top:4px}.form-modal .ui-modal__body{padding:24px}.form-modal form{display:flex;flex-direction:column;gap:20px}.form-modal .form-group{display:flex;flex-direction:column;gap:8px}.form-modal .form-group label{font-size:14px;font-weight:500;color:#374151;display:flex;align-items:center;gap:6px}.form-modal .form-group label i{color:#667eea;font-size:14px}.form-modal .form-group .required{color:#ef4444}.form-modal .form-input,.form-modal .form-select,.form-modal .form-textarea{width:100%;padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:6px;font-size:14px;transition:all .2s;background:#fafbfc}.form-modal .form-input:focus,.form-modal .form-select:focus,.form-modal .form-textarea:focus{outline:none;border-color:#667eea;background:white;box-shadow:0 0 0 3px #667eea1a}.form-modal .form-input:disabled,.form-modal .form-select:disabled,.form-modal .form-textarea:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.form-modal .form-hint{font-size:12px;color:#6b7280;margin-top:4px}.form-modal .form-error{font-size:12px;color:#ef4444;margin-top:4px;display:flex;align-items:center;gap:4px}.form-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.form-modal .form-row{grid-template-columns:1fr}}.wizard-modal .ui-modal__body{padding:0}.wizard-modal__content{display:flex;flex-direction:column;height:100%}.wizard-modal__progress{padding:24px 24px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.wizard-modal__progress-bar{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;margin-bottom:20px}.wizard-modal__progress-fill{height:100%;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);transition:width .3s ease}.wizard-modal__steps{display:flex;justify-content:space-between;align-items:center;gap:8px}.wizard-modal__step{width:36px;height:36px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .3s;cursor:default;flex-shrink:0}.wizard-modal__step--active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 12px #667eea4d;transform:scale(1.1)}.wizard-modal__step--completed{background:#10b981;color:#fff;cursor:pointer}.wizard-modal__step--completed:hover{transform:scale(1.05)}.wizard-modal__step-subtitle{padding:16px 24px 0;margin:0;font-size:14px;color:#6b7280;text-align:center}.wizard-modal__step-content{padding:24px;flex:1;overflow-y:auto}.wizard-modal__error{margin:0 24px 16px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px;display:flex;align-items:center;gap:8px}.wizard-modal__counter{padding:12px 24px;text-align:center;font-size:12px;color:#9ca3af;background:#f9fafb;border-top:1px solid #e5e7eb}.wizard-modal__footer-content{display:flex;align-items:center;justify-content:space-between;width:100%}.wizard-modal__navigation{display:flex;align-items:center;gap:8px}@media (max-width: 768px){.wizard-modal__footer-content{flex-direction:column;gap:12px}.wizard-modal__footer-content>*{width:100%}.wizard-modal__navigation{width:100%;flex-direction:column}.wizard-modal__navigation button{width:100%}.wizard-modal__steps{gap:4px}.wizard-modal__step{width:32px;height:32px;font-size:12px}}.detail-modal .ui-modal__icon{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.detail-modal__content{display:flex;flex-direction:column;gap:16px}.detail-modal__section{padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.detail-modal__section-title{font-size:13px;font-weight:600;color:#374151;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.detail-modal__row{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid #e5e7eb}.detail-modal__row:last-child{border-bottom:none}.detail-modal__label{font-size:14px;font-weight:500;color:#6b7280;flex:0 0 40%}.detail-modal__value{font-size:14px;color:#1f2937;flex:1;text-align:right}.detail-modal__value--strong{font-weight:600}.detail-modal__badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.detail-modal__badge--success{background:#d1fae5;color:#065f46}.detail-modal__badge--danger{background:#fee2e2;color:#991b1b}.detail-modal__badge--warning{background:#fef3c7;color:#92400e}.detail-modal__badge--info{background:#dbeafe;color:#1e40af}@media (max-width: 768px){.detail-modal__row{flex-direction:column;gap:4px}.detail-modal__label{flex:none}.detail-modal__value{text-align:left}}.modal-divider{height:1px;background:#e5e7eb;margin:20px 0;border:none}.modal-text-center{text-align:center}.modal-text-muted{color:#6b7280;font-size:14px}.modal-text-small{font-size:13px}.modal-mb-0{margin-bottom:0!important}.modal-mt-0{margin-top:0!important}.page-wrapper{background:#fff;width:100%;overflow:visible;display:contents}.page-top-bar{display:flex;align-items:center;position:sticky;top:0;z-index:1;padding:6px 12px;background:#EEF4FC;border-bottom:1px solid #d9dae7}.page--block{display:flex;flex-direction:column;overflow-y:visible;overflow-x:hidden;flex:1;min-width:0}.breadcrumb{display:flex;align-items:center;gap:8px;padding:16px 24px;background:#fff;border-bottom:1px solid #e5e7eb;font-size:14px;color:#6b7280}.breadcrumb i{color:#9ca3af}.breadcrumb span.current{color:#1f2937;font-weight:500}.page-header{padding:24px;background:#fff;border-bottom:1px solid #e5e7eb}.page-title-section{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}.page-title-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.title-icon{width:42px;height:42px;background:#ffffff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#4b5563;flex-shrink:0;border:1px solid #d9dae7}.title-icon img{width:24px}.title-content{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.page-title{font-size:20px;font-weight:500;color:#333;margin:0!important;padding:0;line-height:1.2;word-break:break-word;overflow-wrap:break-word;flex-grow:1}.page-subtitle{font-size:14px;color:#6b7280;margin:0!important;padding:0;line-height:1.4}.metrics-section{padding:0 24px}.metrics-section .mateic-4card,.metrics-section .mateic-3card{display:grid;gap:16px}.metrics-section .mateic-4card{grid-template-columns:repeat(4,1fr)}.metrics-section .mateic-3card{grid-template-columns:repeat(3,1fr)}.metric-card{background:#fff;border-radius:8px;padding:16px;border:1px solid #e5e7eb;display:flex;flex-direction:column;min-height:120px}.metric-card.total,.metric-card.primary{background:#5A4FCF15;border:solid 1px #5A4FCF30}.metric-card.total .metric-value,.metric-card.primary .metric-value{color:#5a4fcf;font-size:28px;font-weight:500}.metric-card.total .metric-title,.metric-card.primary .metric-title{color:#333;font-size:14px;font-weight:400;letter-spacing:.025em}.metric-card.active,.metric-card.success{background:#4aa72d15;border:solid 1px #4cb02d30}.metric-card.active .metric-value,.metric-card.success .metric-value{color:#4cb02d;font-size:28px;font-weight:500}.metric-card.active .metric-title,.metric-card.success .metric-title{color:#333;font-size:14px;font-weight:400;letter-spacing:.025em}.metric-card.info{background:#008bd815;border:solid 1px #008bd830}.metric-card.info .metric-value{color:#008bd8;font-size:28px;font-weight:500}.metric-card.info .metric-title{color:#333;font-size:14px;font-weight:400;letter-spacing:.025em}.metric-card.admins,.metric-card.warning{background:#ED912115;border:solid 1px #ED912130}.metric-card.admins .metric-value,.metric-card.warning .metric-value{color:#ed9121;font-size:28px;font-weight:500}.metric-card.admins .metric-title,.metric-card.warning .metric-title{color:#333;font-size:14px;font-weight:400;letter-spacing:.025em}.metric-card.inactive,.metric-card.danger{background:#ED293915;border:solid 1px #ED293925}.metric-card.inactive .metric-value,.metric-card.danger .metric-value{color:#ed2939;font-size:28px;font-weight:500}.metric-card.inactive .metric-title,.metric-card.danger .metric-title{color:#333;font-size:14px;font-weight:400;letter-spacing:.025em}.filters-section{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:0}.content-section{padding:0 24px 24px;min-width:0;display:flex;flex-direction:column;overflow:visible}.page-content{flex:1;min-width:0}@media (max-width: 1200px){.metrics-section .mateic-4card{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.metrics-section .mateic-4card,.metrics-section .mateic-3card{grid-template-columns:1fr}.content-section{padding:0 16px 16px}.metrics-section,.page-header{padding:16px}.page-title-section{flex-wrap:wrap;gap:12px}.page-title-left{width:100%;overflow:hidden}.title-icon{width:36px;height:36px;font-size:16px}.title-icon img{width:20px}.page-title{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}.page-subtitle{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}}@media (max-width: 480px){.page-header{padding:12px}.title-icon{width:32px;height:32px;font-size:14px}.page-title{font-size:14px}.page-subtitle{font-size:11px}}.users-card{background:#ffffff;border-radius:16px;box-shadow:0 2px 12px #0000000f;border:1px solid rgba(0,0,0,.04);overflow:hidden}.users-card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#fafbfc 0%,#f5f7fa 100%)}.users-card-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:10px}.users-card-header h3 i{color:#8b5cf6}.users-card-header .user-count{background:#8b5cf6;color:#fff;font-size:12px;padding:4px 10px;border-radius:20px;font-weight:600}.users-toolbar{display:flex;gap:12px;align-items:center}.users-search{position:relative}.users-search input{width:280px;padding:10px 40px 10px 16px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;background:white;transition:all .2s ease}.users-search input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.users-search input::-moz-placeholder{color:#9ca3af}.users-search input::placeholder{color:#9ca3af}.users-search i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.btn-add-user{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #8b5cf64d}.btn-add-user:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.btn-add-user i{font-size:12px}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#f8fafc}.users-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb;white-space:nowrap}.users-table td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.users-table tbody tr{transition:background .15s ease}.users-table tbody tr:hover{background:#f8fafc}.users-table tbody tr:last-child td{border-bottom:none}.user-info{display:flex;align-items:center;gap:12px}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{font-weight:600;color:#1f2937;font-size:14px}.user-username{font-size:12px;color:#6b7280}.user-id{font-family:SF Mono,Monaco,monospace;font-size:13px;color:#6b7280;font-weight:500}.user-email{display:flex;align-items:center;gap:8px;color:#374151;font-size:14px}.user-email i{color:#9ca3af;font-size:12px}.user-role{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;text-transform:capitalize}.user-role.admin,.user-role.super_admin{background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,rgba(239,68,68,.05) 100%);color:#dc2626}.user-role.admin i,.user-role.super_admin i{color:#dc2626}.user-role.user{background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,rgba(59,130,246,.05) 100%);color:#2563eb}.user-role.user i{color:#2563eb}.user-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.user-status.active{background:rgba(34,197,94,.1);color:#16a34a}.user-status.active:before{content:"";width:6px;height:6px;border-radius:50%;background:#22c55e;animation:pulse-green 2s infinite}.user-status.inactive{background:rgba(107,114,128,.1);color:#6b7280}.user-status.inactive:before{content:"";width:6px;height:6px;border-radius:50%;background:#9ca3af}.user-org{color:#374151;font-size:14px}.user-org.none{color:#9ca3af;font-style:italic}.user-last-login{font-size:13px;color:#6b7280}.user-last-login.never{color:#9ca3af;font-style:italic}.user-actions{display:flex;gap:6px}.user-action-btn{width:34px;height:34px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}.user-action-btn.edit{background:rgba(59,130,246,.1);color:#3b82f6}.user-action-btn.edit:hover{background:#3b82f6;color:#fff}.user-action-btn.reset{background:rgba(245,158,11,.1);color:#f59e0b}.user-action-btn.reset:hover{background:#f59e0b;color:#fff}.user-action-btn.delete{background:rgba(239,68,68,.1);color:#ef4444}.user-action-btn.delete:hover{background:#ef4444;color:#fff}.users-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.users-empty i{font-size:48px;color:#d1d5db;margin-bottom:16px}.users-empty p{margin:0;font-size:16px}.user-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.user-modal{background:white;border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px #00000040;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:#fff}.user-modal-header-content{display:flex;align-items:center;gap:16px}.user-modal-icon{width:48px;height:48px;background:rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.user-modal-title h3{margin:0;font-size:20px;font-weight:600}.user-modal-title p{margin:4px 0 0;font-size:14px;opacity:.9}.user-modal-close{width:36px;height:36px;border:none;background:rgba(255,255,255,.2);border-radius:10px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .2s ease}.user-modal-close:hover{background:rgba(255,255,255,.3)}.user-modal-body{padding:24px;overflow-y:auto;max-height:calc(90vh - 180px)}.user-form-section{margin-bottom:24px}.user-form-section:last-of-type{margin-bottom:0}.user-form-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.user-form-section-header i{width:28px;height:28px;background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,rgba(139,92,246,.05) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#8b5cf6;font-size:12px}.user-form-section-header span{font-size:14px;font-weight:600;color:#374151}.user-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.user-form-group{margin-bottom:16px}.user-form-group:last-child{margin-bottom:0}.user-form-group label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#374151;margin-bottom:8px}.user-form-group label i{color:#9ca3af;font-size:12px}.user-form-group label .required{color:#ef4444}.user-form-group label .readonly-tag{font-size:10px;padding:2px 6px;background:#f3f4f6;color:#6b7280;border-radius:4px;margin-left:auto}.user-form-input,.user-form-select{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1f2937;background:white;transition:all .2s ease}.user-form-input:focus,.user-form-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.user-form-input::-moz-placeholder{color:#9ca3af}.user-form-input::placeholder{color:#9ca3af}.user-form-input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.user-form-hint{display:block;font-size:12px;color:#6b7280;margin-top:6px}.user-toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.user-toggle-group{display:flex;align-items:center;gap:12px;padding:14px;background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb}.user-toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.user-toggle-switch input{opacity:0;width:0;height:0}.user-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;border-radius:24px;transition:.3s}.user-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px #0003}.user-toggle-switch input:checked+.user-toggle-slider{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.user-toggle-switch input:checked+.user-toggle-slider:before{transform:translate(20px)}.user-toggle-label{display:flex;flex-direction:column;gap:2px}.user-toggle-title{font-size:13px;font-weight:600;color:#374151}.user-toggle-desc{font-size:11px;color:#6b7280}.user-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;background:#f9fafb;border-top:1px solid #e5e7eb}.user-modal-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.user-modal-btn.secondary{background:white;color:#6b7280;border:1px solid #e5e7eb}.user-modal-btn.secondary:hover{background:#f3f4f6;color:#374151}.user-modal-btn.primary{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.user-modal-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.user-modal-btn.primary:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width: 1024px){.users-card-body{overflow-x:auto}.users-table{min-width:800px}}@media (max-width: 768px){.users-card-header{flex-direction:column;gap:16px;align-items:stretch}.users-toolbar{flex-direction:column;gap:10px}.users-search,.users-search input{width:100%}.btn-add-user{justify-content:center}.users-card-body{overflow-x:auto;-webkit-overflow-scrolling:touch}.users-table{min-width:650px}.users-table th,.users-table td{padding:10px 8px}.users-table th:nth-child(4),.users-table td:nth-child(4){display:none}.user-actions{gap:4px}.user-action-btn{width:28px;height:28px;font-size:11px}.user-form-row,.user-toggle-row{grid-template-columns:1fr}.user-modal{max-width:100%;margin:10px;max-height:calc(100vh - 20px)}.user-modal-body{max-height:calc(100vh - 200px)}}@media (max-width: 480px){.users-table{min-width:500px}.user-action-btn{width:26px;height:26px;font-size:10px}}.report-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid #e5e7eb;padding-bottom:0}.report-tab-btn{padding:12px 24px;border:none;background:transparent;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px 8px 0 0;transition:all .2s ease;display:flex;align-items:center;gap:8px;margin-bottom:-2px}.report-tab-btn:hover{background:#f3f4f6;color:#374151}.report-tab-btn.active{background:#5A4FCF;color:#fff;border-bottom:2px solid #5A4FCF}.report-tab-btn i{font-size:14px}.stat-trend{height:40px;display:flex;align-items:center;justify-content:flex-end;margin-top:auto;opacity:.7}.stat-trend svg{width:80px;height:30px}@media (max-width: 480px){.report-tabs{gap:4px}.report-tab-btn{padding:10px 16px;font-size:13px;flex:1;justify-content:center}.report-tab-btn span{display:none}.report-tab-btn i{margin:0}}.metric-header{margin-bottom:4px}.metric-title{font-size:12px;color:#6b7280;font-weight:500;text-align:left}.metric-value{font-size:24px;font-weight:700;color:#1f2937;text-align:center;margin-bottom:8px}.metric-trend{height:50px;display:flex;align-items:center;justify-content:center;margin-top:8px}.metric-trend svg{width:100%;height:100%;max-width:200px}.reports-card{background:#ffffff;border-radius:16px;box-shadow:0 2px 12px #0000000f;border:1px solid rgba(0,0,0,.04);overflow:visible;display:flex;flex-direction:column}.reports-card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#fafbfc 0%,#f5f7fa 100%);flex-wrap:nowrap;gap:16px}.reports-card-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:10px;white-space:nowrap;flex-shrink:0}.reports-card-header h3 i{color:#8b5cf6}.reports-card-header .report-count{background:#8b5cf6;color:#fff;font-size:12px;padding:4px 10px;border-radius:20px;font-weight:600}.reports-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:nowrap}.reports-filter-inline{display:flex;align-items:center;gap:8px}.reports-filter-inline .custom-select{min-width:120px}.reports-toolbar .caller-search{min-width:120px;max-width:150px}.reports-toolbar .caller-search input{width:100%}.call-info-cell{display:flex;align-items:center;gap:12px}.call-details{display:flex;flex-direction:column;gap:2px}.call-number{font-weight:600;color:#1f2937;font-size:14px}.call-time{font-size:12px;color:#9ca3af}.call-type-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:500}.call-type-badge.website{background:#dbeafe;color:#1d4ed8}.call-type-badge.phone{background:#ede9fe;color:#6d28d9}.call-type-badge.app{background:#fef3c7;color:#b45309}.call-agent-name{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#374151}.call-agent-name i{color:#8b5cf6}.call-duration-badge{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:#1f2937}.call-duration-badge i{color:#9ca3af;font-size:11px}.message-count-badge{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:#1f2937}.message-count-badge i{color:#6366f1;font-size:11px}.report-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.report-status-badge.active{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1d4ed8}.report-status-badge.active:before{content:"";width:8px;height:8px;background:#3b82f6;border-radius:50%;animation:statusPulse 2s ease-in-out infinite}.report-status-badge.completed{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46}.report-status-badge.completed:before{content:"";width:8px;height:8px;background:#10b981;border-radius:50%}.report-action-btn{width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.report-action-btn.view{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);color:#7c3aed}.report-action-btn.view:hover{background:linear-gradient(135deg,#ddd6fe 0%,#c4b5fd 100%);transform:translateY(-2px);box-shadow:0 4px 8px #7c3aed33}.reports-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af}.reports-empty i{font-size:48px;margin-bottom:16px;opacity:.5}.reports-empty p{font-size:14px;margin:0}.cost-breakdown-container{display:flex;justify-content:center;align-items:center;padding:40px 20px;gap:60px;flex-wrap:wrap}.donut-chart-wrapper{position:relative;width:280px;height:280px}.donut-chart{transform:rotate(-90deg)}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-value{font-size:24px;font-weight:700;color:#1f2937}.donut-label{font-size:12px;color:#6b7280;margin-top:4px}.cost-legend{display:flex;flex-direction:column;gap:16px}.legend-item{display:flex;align-items:center;gap:12px}.legend-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.legend-title{font-size:14px;font-weight:500;color:#1f2937}.legend-percent{font-size:12px;color:#6b7280}.cost-summary-stats{display:flex;justify-content:center;gap:30px;padding:30px 20px;border-top:1px solid #e5e7eb;margin-top:20px;flex-wrap:wrap}.summary-stat{text-align:center;min-width:120px}.summary-label{font-size:14px;color:#6b7280;margin-bottom:8px}.summary-value{font-size:24px;font-weight:700;color:#1f2937}@media (max-width: 768px){.cost-breakdown-container{flex-direction:column;gap:30px;padding:20px 16px}.donut-chart-wrapper{width:220px;height:220px}.donut-chart-wrapper svg{width:220px;height:220px}.donut-chart-wrapper svg circle{cx:110;cy:110}.donut-value{font-size:20px}.cost-legend{width:100%}.cost-summary-stats{flex-direction:column;gap:20px}.summary-value{font-size:20px}}.report-section-header{padding:20px 0;display:flex;justify-content:space-between;align-items:center}.report-section-header h3{font-size:20px;font-weight:500;color:#333;margin:0}.section-controls{display:flex;align-items:center;gap:12px;flex-shrink:0;min-width:-moz-fit-content;min-width:fit-content}.btn{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;text-decoration:none;min-height:40px}.btn:hover{background:#f3f4f6}.btn.btn-primary{background:#2f6ccd;color:#fff;border-color:#2f6ccd}.btn.btn-primary:hover{background:#2563eb;border-color:#2563eb}.btn.btn-outline-primary{background:transparent;color:#2f6ccd;border:1px solid #2f6ccd}.btn.btn-danger{background:#dc2626;color:#fff;border-color:#dc2626}.btn.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.report-filters{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:12px 12px 0 0;margin-bottom:0;min-height:60px}.filters-left{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;min-width:0}.date-filter-group{display:flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}.date-input-wrapper{position:relative;display:flex;align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px}.date-input{border:none;background:transparent;font-size:14px;color:#374151;outline:none;cursor:pointer}.date-input::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:0;width:100%;height:100%;cursor:pointer}.date-icon{color:#6b7280;font-size:14px;margin-left:8px;pointer-events:none}.date-separator{font-size:14px;color:#6b7280;white-space:nowrap;margin:0 4px}.filter-dropdown{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;color:#374151;min-width:120px;white-space:nowrap;flex-shrink:0}.filter-button{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s}.filter-button:hover{background:#f3f4f6}.filter-button.active{background:#dc2626;color:#fff;border-color:#dc2626}.filter-button.active:hover{background:#b91c1c;border-color:#b91c1c}.filters-right{display:flex;align-items:center;gap:12px}.search-container i{position:absolute;left:12px;color:#9ca3af;font-size:14px}.search-input{padding:8px 12px 8px 36px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;width:200px}.export-btn{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.export-btn:hover{background:#f3f4f6}.table-responsive{overflow-x:auto;border-radius:0 0 12px 12px;border:1px solid #e5e7eb;border-top:none;background-color:#fff;flex-shrink:1;min-height:0}.reports-table{width:100%;border-collapse:collapse;font-size:14px}.reports-table th{background:#f9fafb;padding:8px 12px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.reports-table th:last-child{text-align:right}.reports-table td{padding:8px 12px;border-bottom:1px solid #f3f4f6}.reports-table tbody tr:hover{background:#f9fafb}.action-btn{padding:6px 8px;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:4px;transition:all .2s}.action-btn:hover{background:#f3f4f6;color:#374151}.status-badge{border-radius:20px;font-size:14px;font-weight:500}.status-badge.completed,.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#b91c1c}.action-buttons{display:flex;gap:6px;align-items:center}.action-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease;position:relative}.action-btn.edit{background:#eff6ff;color:#1d4ed8;border:1px solid #e0e7ff}.channel-link{color:#1d4ed8;border:0;background-color:#e0f2fe;padding:8px;cursor:pointer;border-radius:10px;font-size:10px}.channels-info .badge{font-size:14px;background-color:transparent}.action-btn.edit:hover{background:#dbeafe;color:#1e40af}.action-btn.reset{background:#fffbeb;color:#d97706;border:1px solid #fed7aa}.action-btn.reset:hover{background:#fef3c7;color:#b45309}.action-btn.delete{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.action-btn.delete:hover{background:#fee2e2;color:#b91c1c}.action-btn.info{background:#f0f9ff;color:#0284c7;border:1px solid #bae6fd}.action-btn.info:hover{background:#e0f2fe;color:#0369a1}.role-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.role-badge.role-user{background:#f0f9ff;color:#0369a1;border:1px solid #e0f2fe}.role-badge.role-admin{background:rgb(255 152 0 / 20%);color:#ca7900}.role-badge.role-super_admin{background:hsl(340deg 82% 52% / 20%);color:#a11645}.pagination{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid #e5e7eb;margin-top:16px;margin-bottom:0;width:100%;flex-shrink:0;background:#ffffff}.pagination-btn{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:8px}.pagination-number{padding:8px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s;color:#6b7280}.pagination-number:hover{background:#f3f4f6}.pagination-number.active{background:#3b82f6;color:#fff}.pagination-dots{color:#9ca3af;padding:0 4px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#6b7280}.loading-spinner{width:32px;height:32px;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 25px 50px #00000026;max-width:500px;width:90%;max-height:90vh;overflow:hidden;animation:slideIn .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.modal-close{width:32px;height:32px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#6b7280;transition:all .2s}.modal-close:hover{background:#e5e7eb;color:#374151}.form-row{display:flex;gap:16px;margin-bottom:20px}.form-group{flex:1}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#374151}.form-input,.form-select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-input:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;margin:0}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#f9fafb}.confirmation-modal{max-width:400px}.confirmation-modal .modal-header{background:#fef2f2;border-bottom-color:#fecaca}.confirmation-modal .modal-header.success{background:#f0fdf4;border-bottom-color:#bbf7d0}.confirmation-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 auto 16px}.confirmation-icon.error{background:#fee2e2;color:#dc2626}.confirmation-icon.success{background:#dcfce7;color:#16a34a}.confirmation-message{text-align:center;color:#374151;line-height:1.5;margin-bottom:24px}.total-results{font-size:14px;color:#6b7280;font-weight:400}.filter-button.advanced-toggle{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #d1d5db;color:#374151}.filter-button.advanced-toggle.active{background:#5A4FCF;border-color:#5a4fcf;color:#fff}.filter-button.advanced-toggle:hover:not(.active){background:#f3f4f6}.filter-button.reset-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.filter-button.reset-btn:hover{background:#fecaca}.advanced-filters{background:#f8fafc;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 12px 12px;padding:20px 24px;margin-bottom:0}.advanced-filters-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:end;min-width:0}.filter-field{display:flex;flex-direction:column;gap:6px}.filter-field label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.filter-input,.filter-select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s}.filter-input:focus,.filter-select:focus{outline:none;border-color:#5a4fcf;box-shadow:0 0 0 3px #5a4fcf1a}.filter-input::-moz-placeholder{color:#94a3b8}.filter-input::placeholder{color:#94a3b8}.duration-inputs{display:flex;align-items:center;gap:8px}.duration-input{width:70px;text-align:center}.duration-separator{color:#94a3b8;font-weight:500}.search-input-wrapper{display:flex;align-items:stretch}.search-input-wrapper .filter-input{border-radius:8px 0 0 8px;border-right:none;flex:1}.search-btn{padding:10px 14px;background:#5A4FCF;border:1px solid #5A4FCF;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;transition:all .2s}.search-btn:hover{background:#4338ca}.reports-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.reports-table th{background:#f8fafc;padding:14px 16px;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0;white-space:nowrap;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.reports-table th:first-child{padding-left:24px}.reports-table th:last-child{text-align:center;padding-right:24px}.reports-table td{padding:16px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}.reports-table td:first-child{padding-left:24px}.reports-table td:last-child{padding-right:24px}.reports-table tbody tr.clickable-row{cursor:pointer;transition:all .15s ease}.reports-table tbody tr.clickable-row:hover{background:#f8fafc}.reports-table tbody tr.clickable-row:hover td{color:#1e293b}.cell-number{font-weight:500;color:#94a3b8;width:50px}.cell-caller .caller-number{font-weight:500;color:#1e293b}.cell-time{font-size:13px;color:#64748b}.cell-did{font-family:monospace;font-size:13px;color:#475569}.cell-agent .agent-name{display:inline-flex;align-items:center;padding:4px 10px;background:#f1f5f9;border-radius:6px;font-size:13px;font-weight:500;color:#475569}.cell-agent .multi-agent{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.cell-agent .multi-agent .agent-name{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%)}.cell-agent .multi-agent .agent-name:first-child{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1e40af}.cell-agent .multi-agent .transfer-arrow{font-size:10px;color:#94a3b8;margin:0 2px}.cell-duration{font-weight:500;color:#1e293b}.cell-response{color:#64748b}.cell-status{white-space:nowrap}.cell-actions{text-align:center}.status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge.completed{background:#dcfce7;color:#15803d}.status-badge.active{background:#dbeafe;color:#1d4ed8}.action-btn.view{width:34px;height:34px;border:none;border-radius:8px;background:#f1f5f9;color:#64748b;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.action-btn.view:hover{background:#5A4FCF;color:#fff}.empty-table{text-align:center;padding:60px 20px!important}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;color:#94a3b8}.empty-state i{font-size:48px;opacity:.5}.empty-state p{font-size:15px;margin:0}.filters-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%}.filter-group{flex-shrink:0}.filter-section{background:#ffffff;padding:16px;margin-bottom:20px;border-radius:8px;border:1px solid #e5e7eb;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-section .filter-group{display:flex;align-items:center;gap:8px}.filter-section .filter-group label{font-weight:500;color:#374151;font-size:14px;white-space:nowrap}.filter-section .custom-select-wrapper,.filter-section .custom-select-trigger,.filter-section select{min-width:180px}.filter-section .filter-count{margin-left:auto;font-size:13px;color:#6b7280}.filter-section .btn-outline{padding:6px 12px;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#374151;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s}.filter-section .btn-outline:hover{background:#f3f4f6;border-color:#9ca3af}@media (max-width: 768px){.filter-section{flex-direction:column;align-items:stretch;gap:12px}.filter-section .filter-group{flex-direction:column;align-items:stretch}.filter-section .filter-group label{margin-bottom:4px}.filter-section .custom-select-wrapper,.filter-section .custom-select-trigger,.filter-section select{width:100%;min-width:unset}.filter-section .filter-count{margin-left:0;text-align:center;padding-top:8px;border-top:1px solid #e5e7eb}.filter-section .btn-outline{align-self:flex-start}}.export-group{margin-left:auto}.search-box{display:flex;align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:0 12px;height:38px;min-width:160px}.search-box i{color:#9ca3af;font-size:14px;margin-right:8px}.search-input-inline{border:none;background:transparent;font-size:14px;color:#374151;outline:none;width:100%;padding:8px 0}.search-input-inline::-moz-placeholder{color:#9ca3af}.search-input-inline::placeholder{color:#9ca3af}.caller-search{position:relative}.search-box-btn{background:transparent;border:none;color:#5a4fcf;cursor:pointer;padding:4px 8px;margin-left:4px;border-radius:4px;transition:all .2s}.search-box-btn:hover{background:#f3f4f6;color:#4338ca}.filter-button.submit-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#5A4FCF;border:1px solid #5A4FCF;color:#fff!important;border-radius:6px;cursor:pointer;transition:all .2s}.filter-button.submit-btn i,.filter-button.submit-btn .btn-text{color:#fff!important}.filter-button.submit-btn:hover{background:#4338ca;border-color:#4338ca}.btn-text{margin-left:6px}@media (max-width: 1200px){.advanced-filters-grid{grid-template-columns:repeat(3,1fr)}.filters-row{gap:10px}}@media (max-width: 992px){.report-filters{padding:12px 16px}.filters-row{gap:8px}.export-group{margin-left:0}.date-filter-group{flex-wrap:wrap;gap:6px}.date-separator{display:none}.date-input-wrapper{width:100%}}@media (max-width: 768px){.advanced-filters-grid{grid-template-columns:repeat(2,1fr)}.report-section-header{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 0}.report-section-header h3{font-size:18px}.total-results{font-size:13px}.report-filters{padding:12px;border-radius:8px 8px 0 0}.filters-row{gap:8px}.filter-group{width:calc(50% - 4px)}.filter-group:has(.date-filter-group){width:100%}.filter-group:has(.export-btn){width:auto}.filter-group:has(.filter-button){width:auto}.filter-dropdown,.search-box{width:100%;min-width:unset}.btn-text{display:none}.export-btn,.filter-button{padding:8px 12px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.reports-table{min-width:800px}.reports-table th,.reports-table td{padding:10px 8px;font-size:13px;white-space:nowrap}.reports-table th:first-child,.reports-table td:first-child{padding-left:12px}.reports-table th:last-child,.reports-table td:last-child{padding-right:12px}.cell-time{font-size:11px}.cell-agent .agent-name{padding:3px 6px;font-size:11px}.status-badge{font-size:0;padding:0;width:10px;height:10px;min-width:10px;border-radius:50%;display:inline-block;overflow:hidden}.status-badge.active{background:#4caf50}.status-badge.inactive{background:#991b1b}.status-badge.completed{background:#4caf50}.status-badge.failed{background:#ED2939}.status-badge.pending{background:#ED9121}.pagination{padding:12px 16px;flex-wrap:wrap;gap:12px}.pagination-btn{padding:6px 12px;font-size:13px}.pagination-pages{order:-1;width:100%;justify-content:center}.advanced-filters{padding:16px}.advanced-filters-grid{grid-template-columns:1fr;gap:12px}}@media (max-width: 576px){.filter-group{width:100%}.filter-group:has(.filter-button),.filter-group:has(.export-btn){width:auto}.date-filter-group{width:100%}.date-input-wrapper{flex:1}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -12px;padding:0 12px}.reports-table{min-width:700px}.reports-table th,.reports-table td{padding:8px 6px;font-size:12px;white-space:nowrap}.cell-number{width:30px}.action-btn.view{width:28px;height:28px}}@media (max-width: 480px){.report-content{margin:0 -12px}.report-section-header{padding:12px}.report-filters{border-radius:0}.table-responsive{border-radius:0;border-left:none;border-right:none;overflow-x:auto;-webkit-overflow-scrolling:touch}.reports-table{min-width:650px}.reports-table th,.reports-table td{padding:6px 5px;font-size:11px}.pagination-number{padding:6px 10px;font-size:13px}}@media (max-width: 768px){.metric-value{font-size:20px}.metric-title{font-size:11px}.metric-trend{height:40px}}@media (max-width: 1200px){.reports-card-header{flex-wrap:wrap;gap:12px}.reports-card-header h3{width:100%}.reports-toolbar{width:100%;flex-wrap:wrap;gap:8px}.reports-filter-inline .custom-select{min-width:110px}.reports-toolbar .caller-search{min-width:100px;max-width:130px}}@media (max-width: 768px){.reports-card-header{padding:16px}.reports-toolbar{gap:6px}.date-filter-group{order:1}.reports-filter-inline:first-of-type{order:2}.reports-filter-inline:nth-of-type(2){order:3}.reports-toolbar .caller-search{order:4;min-width:90px;max-width:120px}.reports-toolbar .advanced-toggle{order:5}.reports-toolbar .reset-btn{order:6}.reports-toolbar .export-btn{order:7}}@media (max-width: 576px){.reports-card-header h3{font-size:16px}.reports-toolbar .caller-search{flex:1;min-width:80px;max-width:none}.reports-filter-inline .custom-select{min-width:100px}}.provider-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);color:#0369a1;border:1px solid #bae6fd}.provider-badge.google{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e;border-color:#fcd34d}.provider-badge.azure{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1e40af;border-color:#93c5fd}.provider-badge.aws{background:linear-gradient(135deg,#ffedd5 0%,#fed7aa 100%);color:#c2410c;border-color:#fdba74}.provider-badge.openai{background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);color:#7c3aed;border-color:#c4b5fd}.provider-badge.sarv,.provider-badge.sarvam{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);color:#6d28d9;border-color:#c4b5fd}.confidence-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.confidence-badge.high{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);color:#15803d}.confidence-badge.medium{background:linear-gradient(135deg,#fef9c3 0%,#fef08a 100%);color:#a16207}.confidence-badge.low{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#b91c1c}.transcript-preview,.text-preview{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#475569;font-style:italic}.voice-name{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#f1f5f9;border-radius:4px;font-size:12px;font-weight:500;color:#475569}.voice-name i{font-size:10px;color:#94a3b8}.audio-size{font-family:SF Mono,Fira Code,monospace;font-size:12px;color:#64748b;background:#f8fafc;padding:3px 8px;border-radius:4px}.audio-preview{display:flex;align-items:center;gap:8px}.audio-preview audio{height:32px;max-width:200px}.language-badge{display:inline-flex;align-items:center;padding:3px 8px;background:#f0fdf4;color:#166534;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.processing-time{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#64748b}.processing-time i{font-size:10px;color:#94a3b8}.processing-time.fast{color:#16a34a}.processing-time.slow{color:#dc2626}.status-badge.success{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);color:#15803d}.status-badge.error,.status-badge.failed{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#b91c1c}.format-badge{display:inline-flex;align-items:center;padding:3px 8px;background:#f1f5f9;color:#475569;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase}.tts-report-table .cell-text,.stt-report-table .cell-transcript{max-width:180px}.tts-report-table .cell-voice,.stt-report-table .cell-language{white-space:nowrap}.sample-rate{font-family:SF Mono,Fira Code,monospace;font-size:11px;color:#64748b}.audio-duration{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:#1e293b}.audio-duration i{color:#94a3b8;font-size:11px}.storage-link{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#eff6ff;color:#2563eb;border-radius:4px;font-size:12px;text-decoration:none;transition:all .2s}.storage-link:hover{background:#dbeafe;color:#1d4ed8}.storage-link i{font-size:10px}.audio-actions{display:flex;align-items:center;gap:8px}.audio-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;padding:0!important;border:none;border-radius:8px;cursor:pointer;transition:box-shadow .3s,background .3s;font-size:12px;box-shadow:0 2px 4px #0000001a;transform:none!important}.audio-btn:hover{box-shadow:0 4px 12px #00000026;transform:none!important}.audio-btn i{font-size:10px;line-height:1}.audio-btn.play{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}.audio-btn.play:hover:not(.loading):not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 6px 16px #10b9814d;transform:none!important}.audio-btn.play.playing{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);animation:pulseGlow 2s ease-in-out infinite}.audio-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.audio-btn.download{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff}.audio-btn.download:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 6px 16px #3b82f64d}.audio-btn.download:active{opacity:.9}.no-audio{color:#94a3b8;font-size:12px;font-style:italic}@keyframes pulseGlow{0%,to{box-shadow:0 2px 4px #0000001a,0 0 #ef4444b3}50%{box-shadow:0 4px 12px #00000026,0 0 12px 4px #ef444466}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.9);opacity:.8}}.agents-card{background:#ffffff;border-radius:16px;box-shadow:0 2px 12px #0000000f;border:1px solid rgba(0,0,0,.04);overflow:hidden}.agents-card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#fafbfc 0%,#f5f7fa 100%)}.agents-card-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:10px}.agents-card-header h3 i{color:#8b5cf6}.agents-card-header .agent-count{background:#8b5cf6;color:#fff;font-size:12px;padding:4px 10px;border-radius:20px;font-weight:600}.agents-toolbar{display:flex;gap:12px;align-items:center}.agents-search{position:relative}.agents-search input{width:280px;padding:10px 40px 10px 16px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;background:white;transition:all .2s ease}.agents-search input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.agents-search input::-moz-placeholder{color:#9ca3af}.agents-search input::placeholder{color:#9ca3af}.agents-search i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.btn-add-agent{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #8b5cf64d}.btn-add-agent:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.btn-add-agent i{font-size:12px}.agents-table thead{background:#f8fafc}.agents-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb;white-space:nowrap}.agents-table td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.agents-table tbody tr{transition:background .15s ease}.agents-table tbody tr:hover{background:#f8fafc}.agents-table tbody tr:last-child td{border-bottom:none}.agent-info-cell{display:flex;align-items:center;gap:12px}.agent-name-details{display:flex;flex-direction:column;gap:2px}.agent-name{font-weight:600;color:#1f2937;font-size:14px}.agent-goal{font-size:12px;color:#6b7280;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-type-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;text-transform:capitalize}.agent-type-badge.personal{background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,rgba(59,130,246,.05) 100%);color:#2563eb}.agent-type-badge.business{background:linear-gradient(135deg,rgba(245,158,11,.1) 0%,rgba(245,158,11,.05) 100%);color:#d97706}.agent-type-badge.blank{background:linear-gradient(135deg,rgba(107,114,128,.1) 0%,rgba(107,114,128,.05) 100%);color:#6b7280}.agent-details-cell{display:flex;flex-direction:column;gap:4px}.agent-detail-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.agent-detail-item i{font-size:10px;color:#9ca3af;width:14px}.agent-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.agent-status-badge.active{background:rgba(34,197,94,.1);color:#16a34a}.agent-status-badge.active:before{content:"";width:6px;height:6px;border-radius:50%;background:#22c55e;animation:pulse-green 2s infinite}.agent-status-badge.in_progress{background:rgba(245,158,11,.1);color:#d97706}.agent-status-badge.in_progress:before{content:"";width:6px;height:6px;border-radius:50%;background:#f59e0b;animation:pulse-yellow 1s infinite}.agent-status-badge.failed{background:rgba(239,68,68,.1);color:#dc2626}.agent-status-badge.failed:before{content:"";width:6px;height:6px;border-radius:50%;background:#ef4444}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-yellow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.count-with-edit{display:flex;align-items:center;gap:8px}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;background:#f3f4f6;color:#374151;border-radius:8px;font-size:13px;font-weight:600}.count-edit-btn{width:28px;height:28px;border:none;border-radius:6px;background:rgba(59,130,246,.1);color:#3b82f6;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease}.count-edit-btn:hover{background:#3b82f6;color:#fff}.agent-actions{display:flex;gap:6px}.agent-action-btn{width:34px;height:34px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}.agent-action-btn.edit{background:rgba(59,130,246,.1);color:#3b82f6}.agent-action-btn.edit:hover{background:#3b82f6;color:#fff}.agent-action-btn.edit:disabled{opacity:.5;cursor:not-allowed}.agent-action-btn.edit:disabled:hover{background:rgba(59,130,246,.1);color:#3b82f6}.agent-action-btn.delete{background:rgba(239,68,68,.1);color:#ef4444}.agent-action-btn.delete:hover{background:#ef4444;color:#fff}.agents-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.agents-empty i{font-size:48px;color:#d1d5db;margin-bottom:16px}.agents-empty p{margin:0;font-size:16px}@media (max-width: 1024px){.agents-card-body{overflow-x:auto}.agents-table{min-width:700px}}@media (max-width: 768px){.agents-card-header{flex-direction:column;gap:16px;align-items:stretch}.agents-toolbar{flex-direction:column;gap:10px}.agents-search,.agents-search input{width:100%}.btn-add-agent{justify-content:center}.agents-card-body{overflow-x:auto;-webkit-overflow-scrolling:touch}.agents-table{min-width:550px}.agents-table th,.agents-table td{padding:10px 8px}.agents-table th:nth-child(3),.agents-table td:nth-child(3){display:none}.agent-goal{max-width:100px}.agent-actions{gap:4px}.agent-action-btn{width:28px;height:28px;font-size:11px}}@media (max-width: 480px){.agents-table{min-width:400px}.agent-action-btn{width:26px;height:26px;font-size:10px}.message-type-cards{grid-template-columns:1fr;gap:10px}.message-type-card{padding:14px}.message-type-card .card-header{gap:8px}.message-type-card .card-icon{width:28px;height:28px;font-size:12px}.message-type-card .card-title{font-size:13px}.message-type-card .card-desc{font-size:11px}}.agent-detail-tabs{background:transparent}.agent-detail-tabs .tab-nav-wrapper{position:relative}.agent-detail-tabs .tab-nav{display:flex;gap:4px;border-bottom:none;margin-bottom:0;flex-wrap:wrap}.agent-detail-tabs .tab-btn{padding:12px 20px;border:none;background:#f3f4f6;color:#6b7280;border-radius:6px 6px 0 0;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;white-space:nowrap}.agent-detail-tabs .tab-btn i{font-size:14px;color:#6b7280}.agent-detail-tabs .tab-btn .tab-text{display:inline;color:#6b7280;font-size:14px}.agent-detail-tabs .tab-btn:hover{background:#e5e7eb;color:#374151}.agent-detail-tabs .tab-btn:hover i,.agent-detail-tabs .tab-btn:hover .tab-text{color:#374151}.agent-detail-tabs .tab-btn.active{background:#5A4FCF;color:#fff!important}.agent-detail-tabs .tab-btn.active i,.agent-detail-tabs .tab-btn.active .tab-text{color:#fff!important}.agent-detail-tabs .tab-btn .tab-badge{margin-left:6px;background:rgba(0,0,0,.12);color:inherit;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.agent-detail-tabs .tab-btn.active .tab-badge{background:rgba(255,255,255,.25);color:#fff!important}.tab-scroll-indicator{display:none;position:absolute;right:0;top:50%;transform:translateY(-50%);background:linear-gradient(to left,#f5f7fa 60%,transparent);padding:8px 8px 8px 24px;pointer-events:none;z-index:5}.tab-scroll-indicator i{color:#5a4fcf;font-size:14px;animation:scrollHint 1.5s ease-in-out infinite}@keyframes scrollHint{0%,to{transform:translate(0);opacity:.6}50%{transform:translate(4px);opacity:1}}.agent-detail-tabs .tab-content{display:none;padding:24px}.agent-detail-tabs .tab-content.active{display:block}.tab-badge{background:#5A4FCF;color:#fff;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600;margin-left:6px}.first-message-toggle{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:20px}.first-message-toggle .toggle-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.first-message-toggle .toggle-info{display:flex;align-items:center;gap:12px;flex:1}.first-message-toggle .toggle-icon{width:44px;height:44px;background:linear-gradient(135deg,#5A4FCF 0%,#7c3aed 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}.first-message-toggle .toggle-text h4{margin:0 0 4px;font-size:15px;font-weight:600;color:#1f2937}.first-message-toggle .toggle-text p{margin:0;font-size:13px;color:#6b7280}.first-message-toggle .toggle-switch-wrapper{flex-shrink:0}.first-message-options{margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}.first-message-options .option-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:12px;display:block}.message-type-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px;width:100%;box-sizing:border-box}.message-type-card{position:relative;background:white;border:2px solid #e5e7eb;border-radius:10px;padding:16px;cursor:pointer;transition:all .2s;box-sizing:border-box;overflow:hidden;min-width:0}.message-type-card:hover{border-color:#a5b4fc;background:#fafaff}.message-type-card.selected{border-color:#5a4fcf;background:#f5f3ff}.message-type-card input[type=radio]{position:absolute;opacity:0;width:0;height:0}.message-type-card .card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.message-type-card .card-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px}.message-type-card.dynamic-card .card-icon{background:#dbeafe;color:#2563eb}.message-type-card.static-card .card-icon{background:#dcfce7;color:#16a34a}.message-type-card .card-title{font-size:14px;font-weight:600;color:#1f2937}.message-type-card .card-badge{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600;margin-left:auto}.message-type-card.static-card .card-badge{background:#dcfce7;color:#16a34a}.message-type-card .card-desc{font-size:12px;color:#6b7280;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.message-type-card .check-indicator{position:absolute;top:10px;right:10px;width:20px;height:20px;border:2px solid #e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:transparent;transition:all .2s}.message-type-card.selected .check-indicator{background:#5A4FCF;border-color:#5a4fcf;color:#fff}.message-input-area{background:white;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.message-input-area .input-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.message-input-area .input-header label{font-size:14px;font-weight:500;color:#374151;margin:0}.message-input-area textarea{width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;resize:vertical;min-height:80px;max-height:150px;box-sizing:border-box}.message-input-area textarea:focus{outline:none;border-color:#5a4fcf;box-shadow:0 0 0 3px #5a4fcf1a}.message-input-area .input-hints{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6}.message-input-area .hint-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.message-input-area .hint-item i{font-size:12px}.message-input-area .hint-item.hint-success i{color:#16a34a}.message-input-area .hint-item.hint-info i{color:#2563eb}.form-section{background:white;padding:24px;border-radius:8px;border:1px solid var(--color-border, #e5e7eb);overflow:visible;position:relative}.form-section.tab-first{border-radius:0 8px 8px}.form-section h3{font-size:16px;font-weight:600;color:var(--color-text-primary, #1f2937);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--color-border, #e5e7eb)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--color-text-primary, #374151);margin-bottom:8px}.form-group .form-control,.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border, #d1d5db);border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s;background:white;box-sizing:border-box}.form-group input[type=text],.form-group input[type=url]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px;max-height:300px}.ui-modal textarea{max-height:none;resize:none}.form-group textarea.textarea-limited{max-height:120px}.form-group .char-counter{display:flex;justify-content:flex-end;font-size:11px;color:var(--color-text-secondary, #6b7280);margin-top:4px}.form-group .char-counter.warning{color:var(--color-warning, #f59e0b)}.form-group .char-counter.error{color:var(--color-error, #ef4444)}.form-group small,.form-hint{display:block;font-size:12px;color:var(--color-text-secondary, #6b7280);margin-top:4px}.agent-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.channels-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.assigned-channels-list .channel-item{display:flex;align-items:center;padding:12px 16px;background:#e3f2fd;margin-bottom:8px;border-radius:6px;border:1px solid #2196f3}.assigned-channels-list .channel-item .channel-icon{color:#2196f3;margin-right:12px}.assigned-channels-list .channel-item .channel-info{flex:1}.assigned-channels-list .channel-item .channel-name{font-weight:500;color:#1976d2}.assigned-channels-list .channel-item .channel-id{font-size:12px;color:var(--color-text-secondary, #666);margin-top:2px}.assigned-channels-list .channel-item .channel-status{padding:4px 12px;background:#4caf50;color:#fff;border-radius:4px;font-size:12px;font-weight:500}.empty-state-box{text-align:center;padding:40px 20px;background:var(--color-gray-50, #f5f5f5);border-radius:8px;border:2px dashed var(--color-border, #ddd)}.empty-state-box .empty-icon{font-size:48px;color:var(--color-gray-400, #bbb);margin-bottom:16px}.empty-state-box h4{color:var(--color-text-secondary, #666);margin-bottom:8px}.empty-state-box p{color:var(--color-gray-500, #999);margin-bottom:20px}.tools-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tools-tab-header .header-text h3{margin:0;border:none;padding:0}.tools-tab-header .header-text p{color:var(--color-text-secondary, #666);margin:4px 0 0;font-size:14px}.assigned-tools-list .tools-intro{margin-bottom:16px;color:var(--color-text-secondary, #666)}.assigned-tools-list .tool-item{display:flex;align-items:center;justify-content:space-between;padding:16px;margin-bottom:12px;border-radius:8px;border:1px solid}.assigned-tools-list .tool-item .tool-content{display:flex;align-items:center;flex:1}.assigned-tools-list .tool-item.tool-form{background:#e8f5e8;border-color:#4caf50}.assigned-tools-list .tool-item.tool-webhook{background:#fff3e0;border-color:#ff9800}.assigned-tools-list .tool-item.tool-default{background:#e3f2fd;border-color:#2196f3}.assigned-tools-list .tool-item .tool-icon{font-size:20px;margin-right:12px}.assigned-tools-list .tool-item .tool-icon.icon-form{color:#4caf50}.assigned-tools-list .tool-item .tool-icon.icon-webhook{color:#ff9800}.assigned-tools-list .tool-item .tool-icon.icon-default{color:#2196f3}.assigned-tools-list .tool-item .tool-info{flex:1}.assigned-tools-list .tool-item .tool-name{font-weight:600;color:var(--color-text-primary, #333);margin-bottom:4px}.assigned-tools-list .tool-item .tool-type{font-size:14px;color:var(--color-text-secondary, #666);margin-bottom:8px}.assigned-tools-list .tool-item .tool-meta{font-size:12px;color:var(--color-text-secondary, #666);display:flex;align-items:center;gap:16px;flex-wrap:wrap}.tool-status-active{color:#4caf50;font-weight:500}.tool-status-inactive{color:#f44336;font-weight:500}.tools-section-divider{display:flex;justify-content:space-between;align-items:center;margin-top:32px;margin-bottom:16px;padding-top:24px;border-top:1px solid #e5e7eb}.tools-section-divider h4{margin:0;font-size:15px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.tools-section-divider h4 i{color:#f59e0b;font-size:14px}.tools-section-divider .btn{font-size:13px;padding:6px 12px}.assigned-tools-list .tool-item.tool-web-action{background:#fef3c7;border-color:#f59e0b}.assigned-tools-list .tool-item .tool-icon.icon-web-action{color:#f59e0b}.info-box{background:#f0f8ff;border:1px solid #2196f3;border-radius:8px;padding:16px;margin-top:20px}.info-box .info-header{display:flex;align-items:center;margin-bottom:8px}.info-box .info-header i{color:#2196f3;margin-right:8px}.info-box .info-header strong{color:#1976d2}.info-box .info-content{font-size:14px;color:var(--color-text-primary, #333);line-height:1.5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:white;border-radius:8px;width:100%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column}.modal-content.modal-wide{max-width:700px}.modal-header{padding:20px 24px;border-bottom:1px solid var(--color-border, #eee);display:flex;justify-content:space-between;align-items:center;background:var(--color-gray-50, #f8f9fa)}.modal-header h3{margin:0;color:var(--color-text-primary, #333);font-size:18px}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-secondary, #666);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.modal-close:hover{background:var(--color-gray-200, #e5e7eb)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:20px 24px;border-top:1px solid var(--color-border, #eee);display:flex;justify-content:flex-end;gap:12px;background:var(--color-gray-50, #f8f9fa)}.channel-list-item{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border, #eee);cursor:pointer;transition:background .2s}.channel-list-item:hover{background:var(--color-gray-50, #f5f5f5)}.channel-list-item.selected{background:#e3f2fd}.channel-list-item input[type=checkbox]{margin-right:12px;cursor:pointer;transform:scale(1.2)}.channel-list-item .channel-details{flex:1}.channel-list-item .channel-name{font-weight:500;margin-bottom:2px}.channel-list-item .channel-name.selected{color:#1976d2}.channel-list-item .channel-meta{font-size:12px;color:var(--color-text-secondary, #666);display:flex;align-items:center;gap:8px}.channel-type-badge{padding:2px 6px;color:#fff;border-radius:3px;font-size:10px}.channel-type-badge.webrtc{background:#4caf50}.channel-type-badge.sip{background:#2196f3}.wizard-modal{max-width:600px}.wizard-progress-steps{display:flex;align-items:center;justify-content:center;padding:20px 24px;border-bottom:1px solid var(--color-border, #eee);background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%)}.progress-step{display:flex;flex-direction:column;align-items:center;gap:6px}.step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;background:#e5e7eb;color:#9ca3af;transition:all .3s ease}.progress-step.active .step-circle{background:linear-gradient(135deg,#5A4FCF 0%,#7c3aed 100%);color:#fff;box-shadow:0 4px 12px #5a4fcf4d}.progress-step.completed .step-circle{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}.step-label{font-size:11px;color:#9ca3af;font-weight:500;white-space:nowrap}.progress-step.active .step-label{color:#5a4fcf;font-weight:600}.progress-step.completed .step-label{color:#10b981}.progress-line{width:50px;height:3px;background:#e5e7eb;margin:0 8px 20px;border-radius:2px;transition:background .3s ease}.progress-line.filled{background:linear-gradient(90deg,#10b981 0%,#5A4FCF 100%)}.wizard-step h4{font-size:16px;font-weight:600;color:var(--color-text-primary, #333);margin:0 0 20px}.agent-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.agent-type-card{padding:20px;border:2px solid var(--color-border, #e5e7eb);border-radius:12px;text-align:center;cursor:pointer;transition:all .2s}.agent-type-card:hover{border-color:var(--color-primary, #3b82f6);background:var(--color-gray-50, #f9fafb)}.agent-type-card.selected{border-color:var(--color-primary, #5A4FCF);border-width:2px;background:#ffffff;box-shadow:0 0 0 3px #5a4fcf26}.agent-type-card .icon{font-size:32px;margin-bottom:12px}.agent-type-card h5{font-size:14px;font-weight:600;margin:0 0 8px;color:var(--color-text-primary, #333)}.agent-type-card p{font-size:12px;color:var(--color-text-secondary, #666);margin:0}.category-grid,.industry-grid,.task-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-height:400px;overflow-y:auto}.category-card,.industry-card,.task-card{padding:16px;border:2px solid var(--color-border, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s}.category-card:hover,.industry-card:hover,.task-card:hover{border-color:var(--color-primary, #3b82f6);background:var(--color-gray-50, #f9fafb)}.category-card.selected,.industry-card.selected,.task-card.selected{border-color:var(--color-primary, #5A4FCF);border-width:2px;background:#ffffff;box-shadow:0 0 0 3px #5a4fcf26}.category-card h6,.industry-card h6,.task-card h6{font-size:14px;font-weight:600;margin:0 0 4px;color:var(--color-text-primary, #333)}.category-card p,.industry-card p,.task-card p{font-size:12px;color:var(--color-text-secondary, #666);margin:0}.wizard-footer{padding:20px 24px;border-top:1px solid var(--color-border, #eee);display:flex;justify-content:space-between;align-items:center}.wizard-footer .btn-left-block{flex:1}.wizard-footer .btn-right-block{display:flex;gap:12px}.wizard-step-content .wizard-title{margin-bottom:24px}.wizard-step-content .wizard-title h4{margin-bottom:8px}.wizard-step-content .wizard-title p{color:var(--color-text-secondary, #666);font-size:14px;margin:0}.creation-info{margin-top:24px}.creation-info .info-box{display:flex;gap:12px}.creation-info .info-box i{color:#2196f3;font-size:20px;flex-shrink:0}.creation-info .info-box-content strong{display:block;margin-bottom:4px;color:var(--color-text-primary, #333)}.creation-info .info-box-content p{margin:0;font-size:13px;color:var(--color-text-secondary, #666)}.voice-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.voice-settings-container{padding:0;position:relative;overflow:visible}.voice-settings-container .form-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.voice-settings-container .form-row:last-child{margin-bottom:0}.voice-settings-container .form-group{flex:1 1 calc(50% - 10px);min-width:200px;margin-bottom:0}.voice-settings-container .form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.voice-settings-container .form-group .form-control,.voice-settings-container .form-group select,.voice-settings-container .form-group input[type=text],.voice-settings-container .form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:white;color:#374151;box-sizing:border-box}.voice-settings-container .form-group select{cursor:pointer;position:static;transform:none}.voice-settings-container .form-group .form-control:focus,.voice-settings-container .form-group select:focus,.voice-settings-container .form-group input:focus,.voice-settings-container .form-group textarea:focus{outline:none;border-color:#5a4fcf;box-shadow:0 0 0 3px #5a4fcf1a}.voice-settings-container .form-group .form-control:disabled,.voice-settings-container .form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed;color:#9ca3af}.voice-settings-container .form-group small,.voice-settings-container .form-group .form-text{display:block;font-size:12px;color:#6b7280;margin-top:6px}.voice-settings-container .form-group input[type=range]{width:100%;height:6px;padding:0;margin-top:8px;border:none;border-radius:3px;background:#e5e7eb;cursor:pointer;-webkit-appearance:none}.voice-settings-container .form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#5A4FCF;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.voice-settings-container .form-group input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#5A4FCF;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.voice-settings-container .enforce-settings-box{background:#f8f9fa;padding:16px;border-radius:8px;border:1px solid #e5e7eb}.voice-settings-container .form-row.full-width-row{grid-template-columns:1fr}.voice-settings-container .form-group.full-width{width:100%}.voice-settings-container .label-hint{font-size:11px;color:#666;font-weight:400}.voice-settings-container .label-warning{font-size:11px;color:#ff9800;font-weight:400}.voice-settings-container .btn-preview{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#374151;cursor:pointer;transition:all .2s}.voice-settings-container .btn-preview:hover{background:#e5e7eb;border-color:#9ca3af}.voice-settings-container .enforce-settings-box{background:#f8f9fa;padding:16px;border-radius:8px;border:1px solid #dee2e6}.voice-settings-container .enforce-checkbox-label{display:flex;align-items:center;cursor:pointer;margin-bottom:8px}.voice-settings-container .enforce-checkbox-label input[type=checkbox]{width:auto;margin-right:10px;cursor:pointer}.voice-settings-container .enforce-checkbox-label strong{color:#374151}.voice-settings-container .enforce-description{font-size:12px;color:#6c757d;margin:0;line-height:1.5}@media (max-width: 992px){.agent-detail-tabs .tab-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.form-row,.voice-settings-grid{grid-template-columns:1fr}.voice-settings-container .form-row{grid-template-columns:1fr 1fr;gap:16px;align-items:start}.voice-settings-container .form-group{min-width:0;width:100%}.voice-settings-container .form-group select,.voice-settings-container .form-group .form-control{width:100%!important}}@media (max-width: 768px){.agent-detail-tabs .tab-nav-wrapper{position:relative}.agent-detail-tabs .tab-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:6px;margin:0 -16px;padding:0 16px 12px;border-bottom:1px solid var(--color-border, #e5e7eb)}.agent-detail-tabs .tab-nav::-webkit-scrollbar{display:none}.agent-detail-tabs .tab-btn{padding:10px 14px;font-size:14px;flex-shrink:0;white-space:nowrap;border-radius:8px;gap:6px}.agent-detail-tabs .tab-btn .tab-text{display:inline!important;color:#6b7280;font-size:12px}.agent-detail-tabs .tab-btn.active .tab-text{color:#fff!important}.agent-detail-tabs .tab-btn i{display:inline-block;font-size:14px;margin-right:0}.agent-detail-tabs .tab-btn .tab-badge{margin-left:4px;padding:2px 6px;font-size:10px}.tab-scroll-indicator{display:flex;align-items:center}.form-section{padding:16px;border-radius:8px;margin:12px 0 0}.form-section.tab-first{border-radius:8px;margin-top:12px}.form-section h3{font-size:15px;margin-bottom:12px;padding-bottom:10px}.form-group{margin-bottom:16px}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{padding:10px;font-size:16px}.voice-settings-container .form-row{flex-direction:column;gap:16px}.voice-settings-container .form-group{flex:1 1 100%;min-width:100%;margin-bottom:0}.voice-settings-container .form-group label{font-size:13px;margin-bottom:6px}.voice-settings-container .form-group select,.voice-settings-container .form-group .form-control{width:100%;padding:12px;font-size:16px;border-radius:8px}.advanced-tab-content .form-row{flex-direction:column;gap:16px}.advanced-tab-content .form-group{flex:1 1 100%!important;min-width:100%!important;width:100%!important;margin-bottom:0}.advanced-tab-content .form-group label{font-size:13px;margin-bottom:6px}.advanced-tab-content .form-group select,.advanced-tab-content .form-group input,.advanced-tab-content .form-group .form-control,.advanced-tab-content .form-group .custom-select-trigger,.advanced-tab-content .form-group .custom-select-native{width:100%!important;padding:12px;font-size:16px;border-radius:8px;box-sizing:border-box}.advanced-tab-content .form-group input[type=number]{width:100%!important}.advanced-tab-content .form-group input[type=range]{padding:0;margin-top:12px;height:8px}.advanced-tab-content .form-group small,.advanced-tab-content .form-group .form-text{font-size:11px;margin-top:4px}.voice-settings-container .form-group input[type=range]{margin-top:12px;height:8px}.voice-settings-container .form-group input[type=range]::-webkit-slider-thumb{width:22px;height:22px}.voice-settings-container .form-group small,.voice-settings-container .form-group .form-text{font-size:11px;margin-top:4px}.voice-settings-container .form-row .form-group[style*="width: 100%"],.voice-settings-container .form-row .form-group[style*="flex: 1"]{width:100%!important}.voice-settings-container .btn,.voice-settings-container .btn-preview,.voice-settings-container button[type=button]{width:100%;justify-content:center;padding:12px 16px}.voice-settings-container div[style*="background: #f8f9fa"],.voice-settings-container .enforce-settings-box{padding:12px;border-radius:8px}.agent-header-actions{display:flex;gap:8px;flex-wrap:nowrap}.agent-header-actions .btn{padding:10px 12px;min-width:auto;flex:0 0 auto}.agent-header-actions .btn span,.agent-header-actions .btn-text{display:none}.agent-header-actions .btn i{margin-right:0}.tools-tab-header,.channels-tab-header{flex-direction:column;align-items:flex-start;gap:12px}.tools-tab-header h3,.channels-tab-header h3{font-size:16px;margin:0;padding:0;border:none}.tools-tab-header .header-text p{font-size:13px;margin-top:4px}.tools-tab-header .btn,.channels-tab-header .btn{width:100%;justify-content:center}.assigned-tools-list .tool-item{flex-direction:column;align-items:flex-start;gap:12px}.assigned-tools-list .tool-item .tool-actions{width:100%;display:flex;justify-content:flex-end}.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-width:100%;max-height:90vh;border-radius:16px 16px 0 0}.modal-header{padding:16px 20px}.modal-header h3{font-size:16px}.modal-body{padding:16px 20px}.modal-footer{padding:16px 20px;flex-wrap:wrap}.modal-footer .btn{flex:1;min-width:calc(50% - 6px);justify-content:center}.wizard-modal{max-width:100%}.agent-type-grid{grid-template-columns:1fr;gap:12px}.agent-type-card{padding:16px;display:flex;align-items:center;text-align:left;gap:16px}.agent-type-card .icon{font-size:24px;margin-bottom:0}.agent-type-card .card-text{flex:1}.category-grid,.industry-grid,.task-grid{grid-template-columns:1fr;max-height:50vh}.wizard-footer{flex-direction:column;gap:12px}.wizard-footer .btn-left-block,.wizard-footer .btn-right-block{width:100%}.wizard-footer .btn-right-block{flex-direction:column}.wizard-footer .btn{width:100%;justify-content:center}.empty-state-box{padding:30px 16px}.empty-state-box .empty-icon{font-size:40px}}@media (max-width: 480px){.agent-detail-tabs .tab-btn{padding:8px 12px;font-size:14px}.agent-detail-tabs .tab-btn .tab-badge{font-size:9px;padding:1px 4px}.agent-header-actions{gap:6px}.agent-header-actions .btn{padding:8px 10px;font-size:14px}.form-section{padding:12px}.form-section h3{font-size:14px}.form-group label{font-size:12px}.assigned-tools-list .tool-item .tool-meta{flex-direction:column;align-items:flex-start;gap:4px}.assigned-tools-list .tool-item .tool-name{font-size:14px}.assigned-tools-list .tool-item .tool-type{font-size:12px}.assigned-channels-list .channel-item{padding:10px 12px;flex-wrap:wrap;gap:8px}.assigned-channels-list .channel-item .channel-name{font-size:14px}.assigned-channels-list .channel-item .channel-status{padding:3px 8px;font-size:11px}.info-box{padding:12px}.info-box .info-content{font-size:12px}.empty-state-box{padding:24px 12px}.empty-state-box .empty-icon{font-size:36px;margin-bottom:12px}.empty-state-box h4{font-size:15px}.empty-state-box p{font-size:13px}}.tour-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;pointer-events:all}.tour-skip-btn{position:fixed;bottom:20px;right:20px;background:rgba(255,255,255,.95);border:none;padding:10px 20px;border-radius:6px;font-size:14px;color:#6b7280;cursor:pointer;z-index:1001;box-shadow:0 2px 8px #00000026;transition:all .2s}.tour-skip-btn:hover{background:white;color:#374151}.tour-button-wrapper.tour-highlight{z-index:1000}.tour-button-wrapper.tour-highlight:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;background:white;border-radius:12px;z-index:-1;box-shadow:0 0 0 4px #5a4fcf80,0 4px 20px #00000026;animation:tourPulse 2s ease-in-out infinite}@keyframes tourPulse{0%,to{box-shadow:0 0 0 4px #5a4fcf80,0 4px 20px #00000026}50%{box-shadow:0 0 0 8px #5a4fcf4d,0 4px 25px #0003}}.tour-tooltip{position:absolute;z-index:1001;pointer-events:none}.tour-tooltip-left{right:calc(100% + 20px);top:50%;transform:translateY(-50%)}.tour-tooltip-content{background:white;border-radius:12px;padding:16px 20px;box-shadow:0 4px 20px #00000026;min-width:220px;position:relative}.tour-tooltip-content h4{margin:0 0 8px;font-size:15px;font-weight:600;color:#1f2937}.tour-tooltip-content p{margin:0;font-size:13px;color:#6b7280;line-height:1.5}.tour-step-badge{display:inline-block;background:linear-gradient(135deg,#5A4FCF 0%,#7c3aed 100%);color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;margin-bottom:10px}.tour-tooltip-arrow{position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid white}.tour-wizard-tooltip{background:linear-gradient(135deg,#5A4FCF 0%,#7c3aed 100%);color:#fff;padding:16px 20px;border-radius:10px;margin-bottom:20px}.tour-wizard-tooltip .tour-step-badge{background:rgba(255,255,255,.2);margin-bottom:8px}.tour-wizard-tooltip p{margin:0;font-size:14px;line-height:1.5}.tour-wizard-tooltip strong{color:#fef3c7}.agent-type-card.tour-recommended{border-color:#5a4fcf;background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);position:relative}.agent-type-card.tour-recommended:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:14px;background:linear-gradient(135deg,#5A4FCF,#7c3aed);z-index:-1;animation:tourCardPulse 2s ease-in-out infinite}@keyframes tourCardPulse{0%,to{opacity:.5}50%{opacity:.8}}.tour-recommended-badge{display:block;margin-top:12px;background:linear-gradient(135deg,#5A4FCF 0%,#7c3aed 100%);color:#fff;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600}@media (max-width: 768px){.tour-tooltip-left{right:auto;left:50%;top:calc(100% + 15px);transform:translate(-50%)}.tour-tooltip-arrow{right:auto;left:50%;top:-8px;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white;border-top:none}.tour-tooltip-content{min-width:180px}.tour-skip-btn{bottom:10px;right:10px;padding:8px 16px;font-size:13px}}.agent-type-cards{display:flex;flex-direction:column;gap:10px}.type-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;transition:all .15s ease;position:relative}.type-card:hover{border-color:#d1d5db;background:#fafafa}.type-card.selected{border-color:#5a4fcf;background:#faf8ff}.type-card.recommended{border-color:#5a4fcf;background:linear-gradient(to right,#faf8ff,#f5f3ff)}.type-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.type-icon.blank{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#b45309}.type-icon.personal{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1d4ed8}.type-icon.business{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#047857}.type-info{flex:1;min-width:0}.type-info h5{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 2px}.type-info p{font-size:12px;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.type-select{flex-shrink:0;font-size:20px;color:#d1d5db}.type-card.selected .type-select{color:#5a4fcf}.recommended-tag{position:absolute;top:-8px;right:12px;background:#5A4FCF;color:#fff;font-size:10px;font-weight:600;padding:3px 10px;border-radius:10px;text-transform:uppercase;letter-spacing:.3px}.tour-hint{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;font-size:13px;color:#92400e}.tour-hint i{color:#f59e0b;font-size:16px}.tour-hint strong{color:#78350f}@media (max-width: 768px){.type-card{padding:12px 14px;gap:12px}.type-icon{width:38px;height:38px;font-size:16px}.type-info h5{font-size:13px}.type-info p{font-size:11px}.recommended-tag{font-size:9px;padding:2px 8px}}.tour-bubble{position:fixed;z-index:10001;animation:tourBubbleFadeIn .3s ease-out}@keyframes tourBubbleFadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.tour-bubble-left{top:50%;right:calc(50% + 310px);left:auto;transform:translateY(-50%);pointer-events:none}.tour-bubble-right{top:50%;left:calc(50% + 340px);right:auto;transform:translateY(-50%);pointer-events:none}.tour-bubble-right .tour-bubble-arrow{left:-12px;right:auto;border-left:none;border-right:12px solid #ede9fe}.tour-bubble-content{background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);color:#374151;padding:16px 20px;border-radius:12px;box-shadow:0 8px 30px #5a4fcf26;border:1px solid #ddd6fe;max-width:260px;min-width:220px}.tour-bubble-content .tour-step-badge{display:inline-block;background:linear-gradient(135deg,#5A4FCF 0%,#7c3aed 100%);color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;margin-bottom:10px}.tour-bubble-content p{margin:0;font-size:14px;line-height:1.5;color:#4b5563}.tour-bubble-content strong{color:#5a4fcf}.tour-bubble-arrow{position:absolute;top:50%;right:-12px;left:auto;transform:translateY(-50%);width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:12px solid #ede9fe;border-right:none}@media (max-width: 900px){.tour-bubble-left,.tour-bubble-right{top:auto;bottom:calc(50% + 220px);left:50%;right:auto;transform:translate(-50%)}.tour-bubble-left .tour-bubble-arrow,.tour-bubble-right .tour-bubble-arrow{top:auto;bottom:-10px;left:50%;right:auto;transform:translate(-50%);border-top:12px solid #ede9fe;border-bottom:none;border-left:12px solid transparent;border-right:12px solid transparent}.tour-bubble-content{max-width:280px}}.form-group-with-tour{position:relative}.form-group-with-tour.tour-active .form-group{position:relative;z-index:1}.form-group-with-tour.tour-active .form-input{border-color:#5a4fcf;box-shadow:0 0 0 3px #5a4fcf26}.field-tour-bubble{position:relative;margin-top:8px;margin-bottom:12px;animation:fieldBubbleFadeIn .3s ease-out}@keyframes fieldBubbleFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.field-tour-arrow{position:absolute;top:-8px;left:24px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #ede9fe}.field-tour-content{background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);color:#374151;padding:14px 16px;border-radius:10px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 4px 15px #5a4fcf1f;border:1px solid #ddd6fe}.field-tour-content i{font-size:18px;color:#5a4fcf;margin-top:2px;flex-shrink:0}.field-tour-content p{margin:0;font-size:13px;line-height:1.5;color:#4b5563}.field-tour-content strong{color:#5a4fcf}.step-tour-hint{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);border:1px solid #ddd6fe;border-radius:10px;margin-bottom:20px;animation:fieldBubbleFadeIn .3s ease-out}.step-tour-hint i{font-size:20px;color:#5a4fcf;margin-top:2px;flex-shrink:0}.step-tour-hint p{margin:0;font-size:13px;line-height:1.5;color:#4b5563}.step-tour-hint strong{color:#5a4fcf}.ss-wrapper{width:100%;position:relative;z-index:1}.ss-wrapper.ss-open{z-index:500}.form-group,.form-row{overflow:visible}.ss-wrapper.ss-disabled{opacity:.6;pointer-events:none}.ss-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 12px;font-size:14px;background:white;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:border-color .2s,box-shadow .2s;min-height:42px}.ss-trigger:hover{border-color:#9ca3af}.ss-trigger:focus{outline:none;border-color:#6b7280;box-shadow:0 0 0 2px #6b72801a}.ss-trigger-open{border-color:#6b7280;box-shadow:0 0 0 2px #6b72801a}.ss-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1f2937}.ss-placeholder{color:#9ca3af}.ss-icons{display:flex;align-items:center;gap:4px;flex-shrink:0}.ss-clear{background:none;border:none;color:#9ca3af;cursor:pointer;padding:2px 4px;font-size:16px;line-height:1;transition:color .15s}.ss-clear:hover{color:#ef4444}.ss-arrow{color:#6b7280;transition:transform .2s;display:flex;align-items:center}.ss-arrow-up{transform:rotate(180deg)}.ss-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:white;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #0000001f;overflow:hidden;z-index:500}.ss-search-wrapper{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid #f3f4f6;background:#fafafa}.ss-search-icon{color:#9ca3af;display:flex;align-items:center;flex-shrink:0}.ss-search-input{flex:1;padding:8px 12px;font-size:14px;background:white;border:1px solid #e5e7eb;border-radius:6px;transition:border-color .2s;box-sizing:border-box;min-width:0}.ss-search-input:focus{outline:none;border-color:#6b7280}.ss-search-input::-moz-placeholder{color:#9ca3af}.ss-search-input::placeholder{color:#9ca3af}.ss-options{overflow-y:auto;max-height:200px}.ss-option{cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background .1s}.ss-option:last-child{border-bottom:none}.ss-option:hover{background:#f3f4f6}.ss-option:active{background:#e5e7eb}.ss-option-active{background:#f0fdf4}.ss-option-active:hover{background:#dcfce7}.ss-option-content{display:flex;align-items:center;gap:10px;padding:10px 12px;color:#374151;font-size:14px}.ss-option-emoji{font-size:16px;flex-shrink:0}.ss-option-label{font-weight:500;flex:1;color:#1f2937}.ss-option-code{color:#6b7280;font-size:13px;flex-shrink:0}.ss-option-check{color:#22c55e;font-weight:700;flex-shrink:0}.ss-empty{padding:16px;text-align:center;color:#9ca3af;font-size:14px}@media (max-width: 768px){.ss-trigger{font-size:16px;padding:12px;min-height:46px}.ss-search-input{font-size:16px;padding:10px 12px 10px 36px}.ss-option-content{padding:12px 14px}.ss-dropdown{max-height:60vh!important}}.ss-trigger:focus-visible{outline:2px solid #6b7280;outline-offset:2px}.ss-option:focus-visible{outline:2px solid #6b7280;outline-offset:-2px}.channels-card{background:#ffffff;border-radius:16px;box-shadow:0 2px 12px #0000000f;border:1px solid rgba(0,0,0,.04);overflow:hidden}.channels-card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#fafbfc 0%,#f5f7fa 100%)}.channels-card-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:10px}.channels-card-header h3 i{color:#3b82f6}.channels-card-header .channel-count{background:#3b82f6;color:#fff;font-size:12px;padding:4px 10px;border-radius:20px;font-weight:600}.channels-toolbar{display:flex;gap:12px;align-items:center}.channels-search{position:relative}.channels-search input{width:280px;padding:10px 40px 10px 16px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;background:white;transition:all .2s ease}.channels-search input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.channels-search input::-moz-placeholder{color:#9ca3af}.channels-search input::placeholder{color:#9ca3af}.channels-search i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.btn-add-channel{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d}.btn-add-channel:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-add-channel i{font-size:12px}.btn-buy-did{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #10b9814d}.btn-buy-did:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-buy-did i{font-size:12px}.channels-filter-inline{display:flex;align-items:center;gap:8px}.channels-filter-inline .custom-select{min-width:160px}.btn-clear-filter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#fee2e2;color:#dc2626;border:none;border-radius:8px;font-size:12px;cursor:pointer;transition:all .2s ease}.btn-clear-filter:hover{background:#fecaca}.channels-table thead{background:#f8fafc}.channels-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}.channels-table td{padding:16px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.channels-table tbody tr{transition:all .2s ease}.channels-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.channels-table tbody tr:last-child td{border-bottom:none}.channel-info-cell{display:flex;align-items:center;gap:12px}.channel-name-details{display:flex;flex-direction:column;gap:2px}.channel-name{font-weight:600;color:#1f2937;font-size:14px}.channel-id{font-size:12px;color:#9ca3af}.channel-type-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500}.channel-type-badge.webrtc{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1d4ed8}.channel-type-badge.sip_account,.channel-type-badge.sip_uri,.channel-type-badge.did_number,.channel-type-badge.did{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);color:#6d28d9}.channel-type-badge.ios_sdk,.channel-type-badge.android_sdk{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#b45309}.channel-category-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:500}.channel-category-badge.website{background:#dbeafe;color:#1d4ed8}.channel-category-badge.phone{background:#ede9fe;color:#6d28d9}.channel-category-badge.app{background:#fef3c7;color:#b45309}.channel-agent-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.channel-agent-badge.assigned{color:#374151}.channel-agent-badge.assigned i{color:#8b5cf6}.channel-agent-badge.unassigned{color:#dc2626;font-size:12px}.channel-agent-badge.unassigned i{color:#dc2626}.channel-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.channel-status-badge.active{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46}.channel-status-badge.active:before{content:"";width:8px;height:8px;background:#10b981;border-radius:50%;animation:statusPulse 2s ease-in-out infinite}.channel-status-badge.inactive{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);color:#6b7280}.channel-status-badge.inactive:before{content:"";width:8px;height:8px;background:#9ca3af;border-radius:50%}.channel-actions{display:flex;gap:8px;justify-content:flex-start}.channel-action-btn{width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.channel-action-btn.edit{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#2563eb}.channel-action-btn.edit:hover{background:linear-gradient(135deg,#bfdbfe 0%,#93c5fd 100%);transform:translateY(-2px);box-shadow:0 4px 8px #2563eb33}.channel-action-btn.warning{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#d97706}.channel-action-btn.warning:hover{background:linear-gradient(135deg,#fde68a 0%,#fcd34d 100%);transform:translateY(-2px);box-shadow:0 4px 8px #d9770633}.channel-action-btn.delete{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#dc2626}.channel-action-btn.delete:hover{background:linear-gradient(135deg,#fecaca 0%,#fca5a5 100%);transform:translateY(-2px);box-shadow:0 4px 8px #dc262633}.channels-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af}.channels-empty i{font-size:48px;margin-bottom:16px;opacity:.5}.channels-empty p{font-size:14px;margin:0}.channel-modal-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.channel-modal-header-icon{width:44px;height:44px;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.channel-modal-header-text h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.channel-modal-header-text p{margin:2px 0 0;font-size:13px;color:#6b7280}.channel-modal-close{margin-left:auto;width:36px;height:36px;border:none;background:#f3f4f6;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s ease}.channel-modal-close:hover{background:#e5e7eb;color:#374151}.channel-modal-body{padding:24px}.channel-modal-section{margin-bottom:24px}.channel-modal-section:last-child{margin-bottom:0}.channel-modal-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.channel-modal-section-header i{color:#3b82f6;font-size:14px}.channel-modal-section-header span{font-size:14px;font-weight:600;color:#374151}.channel-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}@media (max-width: 1024px){.channels-card-body{overflow-x:auto}.channels-table{min-width:800px}}@media (max-width: 768px){.channels-card-header{flex-direction:column;gap:16px;align-items:stretch}.channels-toolbar{width:100%;flex-wrap:wrap;gap:10px}.channels-search,.channels-search input{width:100%}.channels-card-body{overflow-x:auto;-webkit-overflow-scrolling:touch}.channels-table{min-width:650px}.channels-table th,.channels-table td{padding:10px 8px}.channels-table th:nth-child(3),.channels-table td:nth-child(3){display:none}.channel-actions{gap:4px}.channel-action-btn{width:28px;height:28px;font-size:11px}}@media (max-width: 480px){.channels-table{min-width:500px}.channel-action-btn{width:26px;height:26px;font-size:10px}}.settings-tab-content{padding:0}.settings-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.settings-section-header h3{margin:0 0 4px;font-size:20px;font-weight:600;color:#1f2937}.settings-section-header p{margin:0;font-size:14px;color:#6b7280}.settings-card{background:#ffffff;border-radius:16px;box-shadow:0 2px 12px #0000000f;border:1px solid rgba(0,0,0,.04);overflow:hidden;margin-bottom:24px}.settings-card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#fafbfc 0%,#f5f7fa 100%)}.settings-card-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:10px}.settings-card-header h3 i{color:#10b981}.settings-card-header .item-count{background:#10b981;color:#fff;font-size:12px;padding:4px 10px;border-radius:20px;font-weight:600}.settings-card-body{padding:0}.settings-toolbar{display:flex;gap:12px;align-items:center}.settings-search{position:relative}.settings-search input{width:220px;padding:10px 40px 10px 16px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;background:white;transition:all .2s ease}.settings-search input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.settings-search i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.btn-add-setting{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #10b9814d}.btn-add-setting:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.settings-table{width:100%;border-collapse:collapse}.settings-table thead{background:#f8fafc}.settings-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}.settings-table td{padding:16px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.settings-table tbody tr{transition:all .2s ease}.settings-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.settings-table tbody tr:last-child td{border-bottom:none}.settings-info-cell{display:flex;align-items:center;gap:12px}.settings-avatar{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;flex-shrink:0}.settings-avatar.purple{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.settings-avatar.blue{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.settings-avatar.green{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.settings-avatar.orange{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.settings-avatar.pink{background:linear-gradient(135deg,#ec4899 0%,#db2777 100%)}.settings-avatar.teal{background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%)}.settings-name-details{display:flex;flex-direction:column;gap:2px}.settings-name{font-weight:600;color:#1f2937;font-size:14px}.settings-subtitle{font-size:12px;color:#9ca3af}.settings-type-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500}.settings-type-badge.universal{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46}.settings-type-badge.user-specific{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1d4ed8}.settings-type-badge.user_self{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);color:#6d28d9}.settings-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.settings-status-badge.active{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46}.settings-status-badge.active:before{content:"";width:8px;height:8px;background:#10b981;border-radius:50%;animation:statusPulse 2s ease-in-out infinite}.settings-status-badge.inactive{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);color:#6b7280}.settings-status-badge.inactive:before{content:"";width:8px;height:8px;background:#9ca3af;border-radius:50%}.settings-actions{display:flex;gap:8px;justify-content:flex-start}.settings-action-btn{width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.settings-action-btn.edit{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#2563eb}.settings-action-btn.edit:hover{background:linear-gradient(135deg,#bfdbfe 0%,#93c5fd 100%);transform:translateY(-2px);box-shadow:0 4px 8px #2563eb33}.settings-action-btn.delete{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#dc2626}.settings-action-btn.delete:hover{background:linear-gradient(135deg,#fecaca 0%,#fca5a5 100%);transform:translateY(-2px);box-shadow:0 4px 8px #dc262633}.settings-action-btn.test{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#059669}.settings-action-btn.test:hover{background:linear-gradient(135deg,#a7f3d0 0%,#6ee7b7 100%);transform:translateY(-2px);box-shadow:0 4px 8px #05966933}.settings-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af}.settings-empty i{font-size:48px;margin-bottom:16px;opacity:.5}.settings-empty p{font-size:14px;margin:0;text-align:center;max-width:300px}.info-card{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #7dd3fc;border-radius:12px;padding:20px 24px;margin-bottom:24px}.info-card h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#0c4a6e;display:flex;align-items:center;gap:8px}.info-card h4 i{color:#0284c7}.info-card p{margin:0 0 12px;font-size:14px;color:#0369a1;line-height:1.5}.info-card ul{margin:0;padding-left:20px;font-size:13px;color:#0369a1}.info-card li{margin-bottom:6px}.priority-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600}.priority-badge.high{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#b45309}.priority-badge.normal{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);color:#6b7280}.target-info{display:flex;flex-direction:column;gap:4px;font-size:13px}.target-info i{margin-right:6px}.target-info.universal{color:#059669}.target-info.user-specific{color:#2563eb}.agent-target{font-size:12px;color:#6b7280;margin-left:18px}.instruction-preview{font-size:12px;color:#6b7280;margin-top:4px;line-height:1.4;max-width:300px}@media (max-width: 1200px){.settings-toolbar{flex-wrap:wrap}.settings-search input{width:180px}}@media (max-width: 768px){.settings-card-header{flex-direction:column;gap:16px;align-items:stretch}.settings-toolbar{width:100%;flex-wrap:wrap;gap:10px}.settings-search{flex:1;min-width:150px}.settings-search input{width:100%}.settings-actions{gap:4px}.settings-action-btn{width:32px;height:32px;font-size:12px}.settings-section-header{flex-direction:column;gap:12px}}.alert{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:8px;font-size:14px;line-height:1.5;margin-bottom:16px}.alert i{flex-shrink:0;margin-top:2px}.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-error i{color:#dc2626}.alert-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.alert-success i{color:#22c55e}.alert-warning{background-color:#fffbeb;border:1px solid #fde68a;color:#92400e}.alert-warning i{color:#f59e0b}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.status-badge.active{background-color:#dcfce7;color:#166534}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:12px}.stat-icon i{font-size:20px;color:#6b7280}.stat-number{font-size:24px;font-weight:600;color:#1f2937;line-height:1.2}.stat-label{font-size:13px;color:#6b7280;margin-top:2px}.content-card{background:#ffffff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;overflow:hidden}.token-details{display:flex;flex-direction:column;gap:4px}.token-name{font-size:15px;color:#1f2937}.action-buttons{display:flex;gap:8px}.action-buttons .btn{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}.form-help{display:block;font-size:12px;color:#6b7280;margin-top:4px}.call-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;z-index:9999;display:flex;justify-content:flex-end;align-items:stretch;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.call-detail-modal{width:100%;max-width:900px;height:100vh;background-color:#fff;box-shadow:-8px 0 24px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:slideIn .25s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.call-detail-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);flex-shrink:0}.call-detail-header-info{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.call-detail-header-text{flex:1;min-width:0}.call-detail-header-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .25rem}.call-detail-header-id{display:flex;align-items:center;gap:.5rem}.call-detail-header-id code{font-size:.75rem;color:#6b7280;font-family:SF Mono,Monaco,Courier New,monospace;background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-detail-copy-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#e5e7eb;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s}.call-detail-copy-btn:hover{background:#3b82f6;color:#fff}.call-detail-copy-btn.copied{background:#10b981;color:#fff}.call-detail-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:8px;cursor:pointer;color:#9ca3af;transition:all .2s}.call-detail-close-btn:hover{background:#fee2e2;color:#ef4444}.call-detail-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0}.call-detail-stat{display:flex;flex-direction:column;gap:.25rem}.call-detail-stat-label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.call-detail-stat-value{font-size:.9375rem;font-weight:600;color:#111827}.call-status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.call-status-badge.active{background:#dbeafe;color:#1d4ed8}.call-status-badge.completed{background:#dcfce7;color:#166534}.call-status-badge.failed{background:#fee2e2;color:#991b1b}.call-status-badge.talking{background:#fef3c7;color:#92400e}.call-detail-recording{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.call-detail-recording-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.call-detail-recording-title{font-size:.875rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:.5rem}.call-detail-recording-duration{font-size:.8125rem;color:#6b7280;font-family:SF Mono,Monaco,monospace}.call-detail-recording-player{background:#f9fafb;border-radius:8px;padding:.75rem;border:1px solid #e5e7eb}.call-detail-recording-empty{background:#f9fafb;border-radius:8px;padding:1.5rem;text-align:center;color:#6b7280;border:1px dashed #d1d5db}.call-detail-recording-empty-icon{font-size:1.5rem;margin-bottom:.375rem}.call-detail-recording-empty-text{font-size:.8125rem;margin:0}.call-detail-tabs{display:flex;gap:0;padding:0 1.5rem;border-bottom:1px solid #e5e7eb;background:#fff;flex-shrink:0}.call-detail-tab{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;border:none;border-bottom:2px solid transparent;background:transparent;font-size:.8125rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.call-detail-tab:hover{color:#374151;background:#f9fafb}.call-detail-tab.active{color:#2563eb;border-bottom-color:#2563eb}.call-detail-tab-icon{font-size:1rem}.call-detail-content{flex:1;overflow-y:auto;padding:1.5rem;background:#fff}.call-detail-transcript{display:flex;flex-direction:column;gap:1rem}.call-detail-message{display:flex;gap:.75rem}.call-detail-message.user{flex-direction:row-reverse}.call-detail-message-content{flex:1;min-width:0;max-width:85%}.call-detail-message.user .call-detail-message-content{text-align:right}.call-detail-message-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem;flex-wrap:wrap}.call-detail-message.user .call-detail-message-meta{justify-content:flex-end}.call-detail-message-sender{font-size:.8125rem;font-weight:600}.call-detail-message-sender.assistant{color:#2563eb}.call-detail-message-sender.user{color:#059669}.call-detail-message-time{font-size:.6875rem;color:#9ca3af}.call-detail-message-badge{font-size:.6875rem;padding:.125rem .5rem;border-radius:4px;font-weight:500}.call-detail-message-badge.ttft{background:#f3f4f6;color:#4b5563}.call-detail-message-badge.provider{background:#dbeafe;color:#2563eb}.call-detail-message-badge.tts{cursor:pointer;position:relative}.call-detail-message-badge.tts.cache-hit{background:#d1fae5;color:#065f46;border:1px solid #10b981}.call-detail-message-badge.tts.cache-miss{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.call-detail-message-bubble{border-radius:12px;padding:.75rem 1rem;display:inline-block;text-align:left;max-width:100%}.call-detail-message-bubble.assistant{background:#f3f4f6;border-bottom-left-radius:4px}.call-detail-message-bubble.user{background:#ecfdf5;border-bottom-right-radius:4px}.call-detail-message-text{font-size:.875rem;line-height:1.6;color:#111827;word-wrap:break-word}.call-detail-message-text p{margin:0 0 .5rem}.call-detail-message-text p:last-child{margin-bottom:0}.call-detail-message-text strong{font-weight:600}.call-detail-message-text em{font-style:italic}.call-detail-message-text code{background:#e5e7eb;padding:.125rem .375rem;border-radius:4px;font-size:.8125rem;font-family:SF Mono,Monaco,monospace}.call-detail-message-text pre{background:#1f2937;color:#f9fafb;padding:.75rem;border-radius:6px;overflow-x:auto;margin:.5rem 0}.call-detail-message-text pre code{background:transparent;padding:0;color:inherit}.call-detail-message-text ul,.call-detail-message-text ol{margin:.5rem 0;padding-left:1.5rem}.call-detail-message-text li{margin:.25rem 0}.call-detail-message-text a{color:#2563eb;text-decoration:underline}.call-detail-message-text blockquote{border-left:3px solid #d1d5db;margin:.5rem 0;padding-left:.75rem;color:#6b7280}.call-detail-message-text h1,.call-detail-message-text h2,.call-detail-message-text h3,.call-detail-message-text h4{margin:.75rem 0 .375rem;font-weight:600;color:#111827}.call-detail-message-text h1{font-size:1.25rem}.call-detail-message-text h2{font-size:1.125rem}.call-detail-message-text h3{font-size:1rem}.call-detail-message-text h4{font-size:.875rem}.call-detail-message-text table{width:100%;border-collapse:collapse;margin:.5rem 0;font-size:.8125rem;border:1.5px solid #d1d5db;border-radius:6px;overflow:hidden}.call-detail-message-text th,.call-detail-message-text td{border:1px solid #d1d5db;padding:.375rem .625rem;text-align:left}.call-detail-message-text th{background:#f3f4f6;font-weight:600;border-bottom:2px solid #9ca3af}.call-detail-message-text tr:nth-child(2n){background:rgba(0,0,0,.02)}.call-detail-message-text img{max-width:100%;height:auto;border-radius:6px;margin:.25rem 0}.call-detail-message-text hr{border:none;border-top:1px solid #d1d5db;margin:.5rem 0}.call-detail-tts-tooltip{position:absolute;top:100%;left:0;margin-top:.5rem;background:#1f2937;color:#fff;padding:.875rem;border-radius:8px;font-size:.75rem;min-width:220px;z-index:1000;box-shadow:0 10px 25px #0000004d}.call-detail-tts-tooltip-title{font-weight:600;margin-bottom:.5rem;padding-bottom:.375rem;border-bottom:1px solid #4b5563}.call-detail-tts-tooltip-row{margin-bottom:.25rem}.call-detail-tts-tooltip-row strong{color:#9ca3af}.call-detail-tts-tooltip-status{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #4b5563;display:flex;justify-content:space-between;align-items:center}.call-detail-tts-tooltip-badge{padding:.125rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:600}.call-detail-tts-tooltip-badge.hit{background:#10b981}.call-detail-tts-tooltip-badge.miss{background:#f59e0b}.call-detail-tts-tooltip-chunks{margin-top:.25rem;font-size:.6875rem;color:#9ca3af}.call-detail-empty{text-align:center;padding:3rem 1.5rem;color:#6b7280}.call-detail-empty-icon{font-size:2.5rem;margin-bottom:.75rem}.call-detail-empty-title{font-size:1rem;font-weight:500;color:#4b5563;margin:0 0 .375rem}.call-detail-empty-text{font-size:.875rem;margin:0}.call-detail-logs{display:flex;flex-direction:column;gap:1.5rem}.call-detail-logs-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.call-detail-logs-stat{text-align:center}.call-detail-logs-stat-value{font-size:1.5rem;font-weight:600;color:#111827}.call-detail-logs-stat-value.blue{color:#2563eb}.call-detail-logs-stat-value.red{color:#dc2626}.call-detail-logs-stat-label{font-size:.75rem;color:#6b7280}.call-detail-logs-section-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.call-detail-logs-section-title.error{color:#dc2626}.call-detail-llm-card{border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:1rem}.call-detail-llm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.call-detail-llm-meta{display:flex;align-items:center;gap:.5rem}.call-detail-llm-provider{font-size:.75rem;background:#dbeafe;color:#2563eb;padding:.25rem .5rem;border-radius:4px}.call-detail-llm-time{font-size:.75rem;color:#6b7280}.call-detail-llm-stats{display:flex;gap:.5rem}.call-detail-llm-stat{font-size:.75rem;background:#f3f4f6;color:#4b5563;padding:.125rem .5rem;border-radius:4px}.call-detail-llm-section{margin-bottom:.75rem}.call-detail-llm-section:last-child{margin-bottom:0}.call-detail-llm-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.call-detail-llm-section-label{font-size:.75rem;font-weight:500;color:#4b5563}.call-detail-llm-expand-btn{font-size:.75rem;padding:.25rem .5rem;background:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.25rem}.call-detail-llm-expand-btn:hover{background:#2563eb}.call-detail-llm-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:.5rem;font-size:.8125rem;color:#374151;max-height:120px;overflow-y:auto}.call-detail-llm-content.output{background:#f0fdf4;border-color:#bbf7d0}.call-detail-llm-message{margin-bottom:.5rem;white-space:pre-wrap;word-break:break-word}.call-detail-llm-message:last-child{margin-bottom:0}.call-detail-error-card{border:1px solid #fecaca;background:#fef2f2;border-radius:8px;padding:.75rem;margin-bottom:.75rem}.call-detail-error-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.call-detail-error-type{font-size:.875rem;font-weight:500;color:#dc2626}.call-detail-error-time{font-size:.75rem;color:#6b7280}.call-detail-error-message{font-size:.875rem;color:#374151;margin-bottom:.25rem}.call-detail-error-component{font-size:.75rem;color:#6b7280}.call-detail-timeline{max-height:400px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px}.call-detail-timeline-item{display:flex;padding:.75rem;border-bottom:1px solid #e5e7eb}.call-detail-timeline-item:last-child{border-bottom:none}.call-detail-timeline-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;margin-right:.75rem;flex-shrink:0}.call-detail-timeline-dot.success{background:#10b981}.call-detail-timeline-dot.warning{background:#f59e0b}.call-detail-timeline-dot.error{background:#dc2626}.call-detail-timeline-content{flex:1;min-width:0}.call-detail-timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.call-detail-timeline-message{font-size:.875rem;font-weight:500;color:#111827}.call-detail-timeline-time{font-size:.75rem;color:#6b7280}.call-detail-timeline-tags{display:flex;gap:.5rem}.call-detail-timeline-tag{font-size:.75rem;padding:.125rem .375rem;border-radius:4px}.call-detail-timeline-tag.component{background:#f3f4f6;color:#4b5563}.call-detail-timeline-tag.category{background:#e0e7ff;color:#3730a3}.call-detail-cost{display:flex;flex-direction:column;gap:2rem}.call-detail-cost-chart{display:flex;justify-content:center;align-items:center;padding:1.5rem;gap:3rem;flex-wrap:wrap}.call-detail-cost-donut{position:relative;width:180px;height:180px}.call-detail-cost-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.call-detail-cost-total{font-size:1.25rem;font-weight:700;color:#111827}.call-detail-cost-label{font-size:.75rem;color:#6b7280;margin-top:2px}.call-detail-cost-legend{display:flex;flex-direction:column;gap:.75rem}.call-detail-cost-legend-item{display:flex;align-items:center;gap:.75rem}.call-detail-cost-legend-color{width:14px;height:14px;border-radius:3px}.call-detail-cost-legend-color.call{background:#5A4FCF}.call-detail-cost-legend-color.tts{background:#4cb02d}.call-detail-cost-legend-color.asr{background:#ED9121}.call-detail-cost-legend-color.llm{background:#008bd8}.call-detail-cost-legend-info{display:flex;flex-direction:column}.call-detail-cost-legend-value{font-size:.8125rem;font-weight:500;color:#111827}.call-detail-cost-legend-percent{font-size:.6875rem;color:#6b7280}.call-detail-cost-details{border-top:1px solid #e5e7eb;padding-top:1.5rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.call-detail-cost-card{padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.call-detail-cost-card-label{font-size:.75rem;color:#6b7280;margin-bottom:.375rem}.call-detail-cost-card-value{font-size:1rem;font-weight:600;color:#111827}.call-detail-loading{display:flex;align-items:center;justify-content:center;padding:3rem}.call-detail-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.call-detail-error{text-align:center;padding:3rem}.call-detail-error-icon{font-size:2.5rem;margin-bottom:1rem}.call-detail-error-msg{color:#dc2626;font-weight:500;margin-bottom:1rem}.call-detail-retry-btn{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem}.call-detail-retry-btn:hover{background:#2563eb}.call-detail-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);z-index:10000;display:flex;justify-content:center;align-items:center;padding:2rem}.call-detail-prompt-modal{background:white;border-radius:12px;max-width:1000px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000040}.call-detail-prompt-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.call-detail-prompt-title{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;color:#111827}.call-detail-prompt-content{flex:1;overflow-y:auto;padding:1.5rem}.call-detail-prompt-message{margin-bottom:1rem}.call-detail-prompt-message:last-child{margin-bottom:0}.call-detail-prompt-role{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;padding:.125rem .5rem;border-radius:4px;display:inline-block}.call-detail-prompt-message.system .call-detail-prompt-role{background:#ede9fe;color:#6d28d9}.call-detail-prompt-message.user .call-detail-prompt-role{background:#dcfce7;color:#15803d}.call-detail-prompt-message.assistant .call-detail-prompt-role{background:#dbeafe;color:#1d4ed8}.call-detail-prompt-text{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;font-family:SF Mono,Monaco,monospace;font-size:.8125rem;line-height:1.7;color:#111827;white-space:pre-wrap;word-break:break-word}.call-detail-prompt-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.75rem}.call-detail-prompt-copy-btn{padding:.5rem 1rem;background:#f3f4f6;color:#374151;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.call-detail-prompt-copy-btn:hover{background:#e5e7eb}.call-detail-prompt-copy-btn.copied{background:#dcfce7;color:#15803d;transition:background .2s,color .2s}.call-detail-prompt-close-btn{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500}.call-detail-prompt-close-btn:hover{background:#2563eb}@media (max-width: 768px){.call-detail-modal{max-width:100%}.call-detail-summary{grid-template-columns:repeat(2,1fr)}.call-detail-cost-chart{flex-direction:column;gap:1.5rem}.call-detail-cost-details{grid-template-columns:1fr}.call-detail-logs-stats{grid-template-columns:1fr;gap:.75rem}.call-detail-tabs{overflow-x:auto;padding:0 1rem}.call-detail-tab{padding:.75rem;white-space:nowrap}.call-detail-header-id code{max-width:150px}}.export-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.export-modal{background:#fff;border-radius:20px;width:90%;max-width:440px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);box-shadow:0 0 0 1px #0000000d,0 25px 50px -12px #00000040}@keyframes modalSlideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.export-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);position:relative;overflow:hidden}.export-modal-header:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.export-modal-title{display:flex;align-items:center;gap:12px;color:#fff;font-size:17px;font-weight:600;z-index:1}.export-modal-title .title-icon{width:38px;height:38px;background:rgba(255,255,255,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.export-modal-close{background:rgba(255,255,255,.15);border:none;color:#fff;width:36px;height:36px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1}.export-modal-close:hover{background:rgba(255,255,255,.25);transform:scale(1.05)}.export-modal-body{padding:24px;overflow-y:auto;flex:1}.export-status-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.export-status-card .status-icon{margin-bottom:24px;position:relative}.export-status-card .status-icon i{font-size:64px}.export-status-card.success .status-icon{animation:successPop .4s cubic-bezier(.16,1,.3,1)}.export-status-card.success .status-icon i{color:#22c55e;filter:drop-shadow(0 4px 12px rgba(34,197,94,.3))}.export-status-card.success .status-icon:after{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;background:radial-gradient(circle,rgba(34,197,94,.15) 0%,transparent 70%);border-radius:50%;z-index:-1}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.export-status-card.job .status-icon i{color:#3b82f6;filter:drop-shadow(0 4px 12px rgba(59,130,246,.3))}.export-status-card .status-text h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#1e293b}.export-status-card .status-text p{margin:0;font-size:14px;color:#64748b;line-height:1.6;max-width:280px}.export-status-card .job-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:10px 20px;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);color:#2563eb;border-radius:10px;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s;border:1px solid #bfdbfe}.export-status-card .job-link:hover{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);transform:translateY(-1px)}.spinner-large{width:64px;height:64px;border:4px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite;position:relative}.spinner-large:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:3px solid transparent;border-top-color:#a855f7;border-radius:50%;animation:spin 1.2s linear infinite reverse}.export-count-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;color:#64748b;font-size:14px;background:#f8fafc;border-radius:12px;margin-bottom:20px}.export-count-info{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:16px;padding:16px;margin-bottom:24px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.export-count-info.large{background:linear-gradient(135deg,#fefce8 0%,#fef9c3 100%);border-color:#fde047}.count-row{display:flex;align-items:center;justify-content:space-between}.count-main{display:flex;align-items:center;gap:12px}.count-icon{width:40px;height:40px;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;box-shadow:0 4px 12px #0ea5e94d;flex-shrink:0}.export-count-info.large .count-icon{background:linear-gradient(135deg,#eab308 0%,#ca8a04 100%);box-shadow:0 4px 12px #eab3084d}.count-details{display:flex;align-items:baseline;gap:8px}.count-number{font-size:32px;font-weight:700;color:#0369a1;line-height:1}.export-count-info.large .count-number{color:#a16207}.count-label{font-size:14px;color:#64748b;font-weight:500}.count-size{font-size:13px;color:#64748b;font-weight:500}.count-badge{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #f59e0b4d}.export-error{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1px solid #fecaca;border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;color:#dc2626;font-size:14px;margin-bottom:20px}.export-error i{font-size:18px}.export-section{margin-bottom:24px}.export-section:last-child{margin-bottom:0}.export-label{display:block;font-size:13px;font-weight:600;color:#475569;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.export-format-options{display:flex;gap:12px}.format-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 12px;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);background:#f8fafc;position:relative}.format-option:hover{border-color:#cbd5e1;background:#fff;transform:translateY(-2px)}.format-option.selected{border-color:#6366f1;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);box-shadow:0 4px 12px #6366f126}.format-option.selected:after{content:"";position:absolute;top:8px;right:8px;width:18px;height:18px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}.format-option.selected:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:11px;right:12px;font-size:10px;color:#fff;z-index:1}.format-option input{display:none}.format-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.format-option .format-icon.csv{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);color:#16a34a}.format-option .format-icon.excel{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#059669}.format-option .format-icon.jsonl{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#d97706}.format-option span.format-name{font-size:13px;font-weight:600;color:#475569}.format-option.selected span.format-name{color:#4338ca}.export-toggle-section{background:#f8fafc;border-radius:14px;padding:16px;border:1px solid #e2e8f0}.export-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-content{display:flex;align-items:center;gap:12px}.toggle-icon{width:40px;height:40px;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:16px}.toggle-text{display:flex;flex-direction:column;gap:2px}.toggle-label{font-size:14px;font-weight:600;color:#334155}.toggle-hint{font-size:12px;color:#94a3b8}.toggle-switch{position:relative;width:48px;height:26px}.toggle-switch input{display:none}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#cbd5e1;border-radius:13px;cursor:pointer;transition:all .3s}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 4px #0000001a}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}.export-warning{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1px solid #fcd34d;border-radius:14px;padding:16px;display:flex;gap:14px;align-items:flex-start}.export-warning .warning-icon{width:36px;height:36px;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0;box-shadow:0 4px 12px #fbbf244d}.warning-content h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#92400e}.warning-content p{margin:0;font-size:13px;color:#a16207;line-height:1.5}.export-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0;background:#f8fafc}.export-btn-cancel{padding:12px 24px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.export-btn-cancel:hover{border-color:#cbd5e1;color:#475569;background:#f1f5f9}.export-btn-submit{padding:12px 28px;border:none;border-radius:10px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #6366f14d}.export-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.export-btn-submit:active:not(:disabled){transform:translateY(0)}.export-btn-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.export-btn-submit.success{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);box-shadow:0 4px 12px #22c55e4d}.spinner-small{width:18px;height:18px;border:2px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 480px){.export-modal{width:95%;max-height:95vh;border-radius:16px}.export-modal-header{padding:16px 20px}.export-modal-body{padding:20px}.export-format-options{gap:8px}.format-option{padding:14px 8px}.format-icon{width:40px;height:40px;font-size:18px}.count-number{font-size:24px}.export-modal-footer{padding:16px 20px}}.live-calls-split-layout{display:flex;height:calc(100vh - 260px);min-height:550px;gap:0;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}.calls-list-panel{width:320px;min-width:280px;max-width:360px;background:#f8fafc;border-right:1px solid #e2e8f0;display:flex;flex-direction:column}.calls-list-panel .panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e2e8f0;background:#fff}.calls-list-panel .panel-header h3{margin:0;font-size:14px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.calls-list-panel .panel-header h3:before{content:"";width:8px;height:8px;background:#22c55e;border-radius:50%;animation:livePulse 2s infinite}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.calls-list-panel .call-count{background:linear-gradient(135deg,#5A4FCF 0%,#7c3aed 100%);color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;min-width:24px;text-align:center}.calls-list{flex:1;overflow-y:auto;padding:12px}.calls-list .no-calls{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8;gap:8px}.calls-list .no-calls p{margin:0;font-size:13px}.live-call-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px;margin-bottom:8px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.live-call-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#22c55e;opacity:0;transition:opacity .2s}.live-call-card:hover{border-color:#c7d2fe;background:#fafaff;transform:translate(2px)}.live-call-card:hover:before{opacity:1}.live-call-card.selected{border-color:#5a4fcf;background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);box-shadow:0 2px 8px #5a4fcf26}.live-call-card.selected:before{opacity:1;background:#5A4FCF}.live-call-card.ended{background:#fefefe;border-color:#f1f5f9}.live-call-card.ended:before{background:#94a3b8}.live-call-card.ended:hover{border-color:#e2e8f0;background:#f8fafc}.live-call-card.ended.selected{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.live-call-card.ended.selected:before{background:#94a3b8}.call-card-row{display:flex;align-items:center;gap:10px}.call-card-row.secondary{margin-top:8px;font-size:12px;color:#64748b}.status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0;position:relative}.status-indicator.active{background:#22c55e;box-shadow:0 0 0 3px #22c55e33;animation:statusPulse 2s infinite}.status-indicator.ended{background:#94a3b8}@keyframes statusPulse{0%,to{box-shadow:0 0 0 3px #22c55e33}50%{box-shadow:0 0 0 6px #22c55e1a}}.caller-number{font-weight:600;font-size:14px;color:#1e293b;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-duration{font-size:12px;color:#64748b;font-weight:500;font-family:SF Mono,Monaco,monospace;background:#f1f5f9;padding:2px 8px;border-radius:4px}.ended-tag{background:#f1f5f9;color:#64748b;font-size:10px;font-weight:600;padding:3px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.agent-label{color:#5a4fcf;font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.agent-label:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:10px;opacity:.7}.live-call-card.ended .agent-label{color:#94a3b8}.msg-count{color:#94a3b8;display:flex;align-items:center;gap:4px}.msg-count:before{content:"";font-family:"Font Awesome 6 Free";font-weight:400;font-size:10px}.channel-label{font-family:SF Mono,Monaco,monospace;font-size:10px;color:#94a3b8;background:#f1f5f9;padding:2px 6px;border-radius:4px;max-width:90px;overflow:hidden;text-overflow:ellipsis}.transcript-panel{flex:1;display:flex;flex-direction:column;background:#fff;min-width:0}.transcript-panel.empty{display:flex;align-items:center;justify-content:center;background:#fafbfc}.transcript-panel .empty-state{text-align:center;color:#94a3b8}.transcript-panel .empty-state p{margin:12px 0 0;font-size:14px}.transcript-panel.ended{background:#fafbfc}.transcript-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e2e8f0;background:#fff;flex-shrink:0}.transcript-panel.ended .transcript-header{background:#f8fafc}.transcript-header .call-info{display:flex;align-items:center;gap:12px}.transcript-header .call-info h3{margin:0;font-size:16px;font-weight:600;color:#1e293b}.transcript-header .arrow{color:#cbd5e1;font-size:14px}.transcript-header .agent{font-size:15px;color:#5a4fcf;font-weight:600;display:flex;align-items:center;gap:6px}.transcript-header .call-stats{display:flex;align-items:center;gap:16px}.transcript-header .duration{font-size:14px;color:#64748b;font-weight:500;font-family:SF Mono,Monaco,monospace;background:#f1f5f9;padding:6px 12px;border-radius:6px}.transcript-header .status{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px}.transcript-header .status.active{color:#16a34a;background:#f0fdf4}.transcript-header .status.ended{color:#64748b;background:#f1f5f9}.transcript-messages{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px;background:linear-gradient(180deg,#fafbfc 0%,#fff 100%)}.transcript-messages .no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8;gap:8px}.transcript-messages .no-messages p{margin:0;font-size:14px;font-style:italic}.message-bubble{display:flex;flex-direction:column;max-width:75%;animation:messageSlideIn .3s ease}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble.user{align-self:flex-start}.message-bubble.assistant{align-self:flex-end}.message-bubble.streaming{animation:messageSlideIn .25s ease}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding:0 4px}.message-role{font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.message-bubble.user .message-role{color:#64748b}.message-bubble.assistant .message-role{color:#5a4fcf}.message-time{font-family:SF Mono,Monaco,monospace;font-size:11px;color:#94a3b8;display:flex;align-items:center;gap:6px}.ttft-inline{background:#f0fdf4;color:#16a34a;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.message-content{padding:14px 18px;border-radius:16px;font-size:14px;line-height:1.6;word-wrap:break-word;position:relative}.message-bubble.user .message-content{background:#f1f5f9;color:#334155;border-bottom-left-radius:4px}.message-bubble.assistant .message-content{background:linear-gradient(135deg,#5A4FCF 0%,#7c3aed 100%);color:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 8px #5a4fcf40}.typing-cursor{display:inline-block;animation:cursorBlink .6s infinite;margin-left:2px;font-weight:700;color:#fffc}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.tool-calls{margin-top:10px;display:flex;flex-direction:column;gap:6px}.tool-call-badge{display:flex;align-items:flex-start;gap:8px;background:rgba(255,255,255,.15);padding:10px 12px;border-radius:8px;font-size:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.message-bubble.user .tool-call-badge{background:rgba(0,0,0,.04)}.tool-icon{font-size:12px;flex-shrink:0}.tool-name{font-weight:700;color:#fbbf24;flex-shrink:0}.message-bubble.user .tool-name{color:#d97706}.tool-args{font-family:SF Mono,Monaco,monospace;font-size:11px;word-break:break-all;opacity:.85;line-height:1.4}.call-ended-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:16px}.call-ended-banner .ended-icon{font-size:20px;opacity:.6}.call-ended-banner .ended-text{font-weight:600;color:#64748b;font-size:14px}.call-ended-banner .ended-duration{color:#94a3b8;font-size:13px;font-family:SF Mono,Monaco,monospace}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;box-sizing:border-box}.stat-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease;box-sizing:border-box;overflow:hidden;min-width:0}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.stat-icon{width:48px;height:48px;min-width:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.stat-icon.purple{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);color:#7c3aed}.stat-icon.green{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);color:#16a34a}.stat-icon.blue{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#2563eb}.stat-icon.red{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#dc2626}.stat-details{flex:1;min-width:0;overflow:hidden}.stat-details h3{margin:0;font-size:24px;font-weight:700;color:#1e293b;line-height:1}.stat-details p{margin:4px 0 0;font-size:13px;color:#64748b;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px;color:#64748b}.loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#5a4fcf;border-radius:50%;animation:spin .8s linear infinite}.loading-container p{margin:0;font-size:14px}.calls-list::-webkit-scrollbar,.transcript-messages::-webkit-scrollbar{width:6px}.calls-list::-webkit-scrollbar-track,.transcript-messages::-webkit-scrollbar-track{background:transparent}.calls-list::-webkit-scrollbar-thumb,.transcript-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.calls-list::-webkit-scrollbar-thumb:hover,.transcript-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 1024px){.live-calls-split-layout{flex-direction:column;height:auto;min-height:auto}.calls-list-panel{width:100%;max-width:none;max-height:280px;border-right:none;border-bottom:1px solid #e2e8f0}.transcript-panel{min-height:450px}.message-bubble{max-width:85%}.transcript-header{flex-direction:column;align-items:flex-start;gap:12px}.transcript-header .call-stats{width:100%;justify-content:space-between}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:12px 14px;gap:10px;flex-direction:row;align-items:center}.stat-icon{width:40px;height:40px;min-width:40px;font-size:16px;border-radius:10px}.stat-details{flex:1;min-width:0}.stat-details h3{font-size:18px;line-height:1.2}.stat-details p{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transcript-messages{padding:16px}.message-bubble{max-width:90%}.message-content{padding:12px 14px;font-size:13px}}@media (max-width: 480px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:10px 12px;gap:8px;border-radius:10px}.stat-icon{width:36px;height:36px;min-width:36px;font-size:14px;border-radius:8px}.stat-details h3{font-size:16px}.stat-details p{font-size:10px;margin-top:2px}.transcript-header .call-info{flex-wrap:wrap;gap:8px}.transcript-header .call-info h3{font-size:14px}.transcript-header .agent{font-size:13px}.calls-list-panel{max-height:220px}.live-call-card{padding:10px 12px}.caller-number{font-size:13px}.call-card-row.secondary{font-size:11px}}.billing-page-container{width:100%;padding-left:24px;padding-right:24px;background:#f5f7fa;min-height:calc(100vh - 140px)}.billing-loading{display:flex;justify-content:center;align-items:center;height:60vh;background:#f5f7fa}.billing-loading-content{text-align:center}.billing-loading-icon{font-size:48px;margin-bottom:16px}.billing-loading-text{font-size:16px;color:#6b7280}.billing-alerts{margin-bottom:24px}.account-lock-banner{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:1px solid #fca5a5;border-radius:12px;padding:24px;margin-bottom:24px;display:flex;align-items:center;gap:20px}.account-lock-icon{width:48px;height:48px;background:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.account-lock-icon i{font-size:20px}.account-lock-content{flex:1}.account-lock-content h3{margin:0 0 4px;font-size:18px;font-weight:600;color:#b91c1c}.account-lock-content p{margin:0 0 8px;color:#6b7280;font-size:14px}.account-lock-amount{font-size:14px;font-weight:600;color:#dc2626}.billing-card{background:white;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000a;overflow:hidden}.billing-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:none;background:transparent}.billing-card-label{font-size:12px;color:#6b7280;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.billing-card-value{font-size:36px;font-weight:700;color:#5a4fcf;line-height:1;margin-bottom:4px}.billing-card-subtext{font-size:13px;color:#6b7280;font-weight:500}.billing-card-body{padding:0 24px 24px}.billing-card-loading{text-align:center;padding:20px;color:#6b7280}.billing-card-loading i{font-size:24px}.billing-chart-loading{text-align:center;padding:60px;color:#6b7280}.billing-chart-loading i{font-size:32px;margin-bottom:16px;display:block}.did-numbers-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto}.did-number-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.did-icon{width:32px;height:32px;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb}.did-icon.active{background:#dcfce7;border-color:#22c55e}.did-icon i{font-size:12px;color:#6b7280}.did-icon.active i{color:#22c55e}.did-number{font-size:14px;font-weight:600;color:#1f2937}.did-status{font-size:11px;color:#6b7280;font-weight:500}.did-status.active{color:#22c55e}.did-actions{display:flex;align-items:center;gap:10px}.did-cost{font-size:13px;font-weight:600;color:#1f2937}.did-delete-btn{width:32px;height:28px;background:#fee2e2;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:6px 8px;cursor:pointer;color:#dc2626;font-size:12px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.did-delete-btn:hover{background:#dc2626;color:#fff;transform:scale(1.05)}.usage-summary-card{background:white;border-radius:12px;padding:24px;border:1px solid #e8eaed;box-shadow:0 2px 8px #0000000a}.usage-card-header{font-size:14px;color:#6b7280;margin-bottom:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.usage-card-header i{font-size:12px}.usage-items{display:grid;gap:14px}.usage-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f9fafb;border-radius:10px;border:1px solid #e8eaed}.usage-item-left{display:flex;align-items:center;gap:14px}.usage-item-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center}.usage-item-icon.voice{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%)}.usage-item-icon.voice i{color:#1976d2}.usage-item-icon.messages{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%)}.usage-item-icon.messages i{color:#2e7d32}.usage-item-icon.spent{background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%)}.usage-item-icon.spent i{color:#ef6c00}.usage-item-icon i{font-size:16px}.usage-item-info h4{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 2px}.usage-item-info p{font-size:11px;color:#6b7280;font-weight:500;margin:0}.usage-item-value{font-size:24px;font-weight:700;color:#1f2937;line-height:1}.quick-actions-card{background:white;border-radius:12px;padding:24px;border:1px solid #e8eaed;box-shadow:0 2px 8px #0000000a}.quick-actions-header{font-size:14px;color:#6b7280;margin-bottom:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.quick-actions-header i{font-size:12px}.quick-actions-list{display:grid;gap:12px}.quick-action-btn{display:flex;align-items:center;gap:14px;padding:16px;background:#f9fafb;border:1px solid #e8eaed;border-radius:10px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.quick-action-btn:hover{border-color:#5a4fcf;background:#f8f7ff}.quick-action-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center}.quick-action-icon.wallet{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%)}.quick-action-icon.wallet i{color:#2e7d32}.quick-action-icon.history{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%)}.quick-action-icon.history i{color:#1976d2}.quick-action-icon.support{background:linear-gradient(135deg,#ede7f6 0%,#d1c4e9 100%)}.quick-action-icon.support i{color:#5a4fcf}.quick-action-icon i{font-size:16px}.quick-action-info{flex:1}.quick-action-info h4{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 2px}.quick-action-info p{font-size:12px;color:#6b7280;margin:0}.quick-action-arrow{color:#9ca3af;font-size:14px}.billing-page{width:100%;padding:16px}.billing-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.billing-stat-card{background:white;border-radius:10px;padding:14px 16px;border:1px solid #e8eaed;display:flex;align-items:center;gap:12px;transition:all .2s ease}.billing-stat-card:hover{border-color:#d0d5dd;box-shadow:0 4px 12px #0000000d}.billing-stat-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.billing-stat-icon.balance{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);color:#2e7d32}.billing-stat-icon.spent{background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%);color:#ef6c00}.billing-stat-icon.calls{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);color:#1976d2}.billing-stat-icon.plan{background:linear-gradient(135deg,#ede7f6 0%,#d1c4e9 100%);color:#5a4fcf}.billing-stat-icon i{font-size:20px}.billing-stat-content{flex:1;min-width:0}.billing-stat-label{font-size:13px;color:#6b7280;font-weight:500;margin-bottom:4px}.billing-stat-value{font-size:22px;font-weight:700;color:#1f2937;line-height:1.2}.billing-stat-value.positive{color:#2e7d32}.billing-content-grid{display:grid;grid-template-columns:1fr 360px;gap:16px}.billing-card{background:white;border-radius:10px;border:1px solid #e8eaed;overflow:hidden}.billing-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #f0f0f0;background:#fafbfc}.billing-card-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#1f2937;margin:0}.billing-card-title i{color:#5a4fcf;font-size:16px}.billing-card-body{padding:14px 16px}.wallet-summary-card{background:linear-gradient(135deg,#fafbfc 0%,#f5f7fa 100%);border:1px solid #e8eaed;border-radius:10px;padding:16px;margin-bottom:16px}.wallet-summary-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.wallet-balance-section{display:flex;align-items:center;gap:16px}.wallet-icon-wrapper{width:52px;height:52px;background:linear-gradient(135deg,#5A4FCF 0%,#7c6fe0 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #5a4fcf40}.wallet-icon-wrapper i{font-size:22px;color:#fff}.wallet-balance-info{display:flex;flex-direction:column}.wallet-balance-label{font-size:13px;color:#6b7280;font-weight:500}.wallet-balance-amount{font-size:28px;font-weight:700;color:#1f2937;line-height:1.2}.wallet-actions{display:flex;gap:10px}.btn-add-funds{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#5A4FCF 0%,#7c6fe0 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-add-funds:hover{transform:translateY(-1px);box-shadow:0 4px 12px #5a4fcf59}.btn-view-transactions{display:flex;align-items:center;gap:8px;padding:10px 16px;background:white;color:#5a4fcf;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-view-transactions:hover{background:#fafafa;border-color:#5a4fcf}.usage-chart-container{height:280px;padding:0 8px}.transactions-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.transaction-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f9fafb;border-radius:8px;transition:all .15s ease}.transaction-item:hover{background:#f3f4f6}.transaction-item.credit{background:linear-gradient(90deg,#f0fdf4 0%,#f9fafb 100%);border-left:3px solid #22c55e}.transaction-item.debit{background:linear-gradient(90deg,#fef2f2 0%,#f9fafb 100%);border-left:3px solid #ef4444}.transaction-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.transaction-icon.credit{background:#dcfce7;color:#16a34a}.transaction-icon.debit{background:#fee2e2;color:#dc2626}.transaction-icon i{font-size:14px}.transaction-details{flex:1;min-width:0}.transaction-description{font-size:14px;font-weight:500;color:#1f2937;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-date{font-size:12px;color:#9ca3af}.transaction-amount{font-size:15px;font-weight:600;flex-shrink:0}.transaction-amount.credit{color:#16a34a}.transaction-amount.debit{color:#dc2626}.current-plan-summary{padding:20px;background:linear-gradient(135deg,#f8f7ff 0%,#f0eeff 100%);border-radius:10px;border:1px solid #e5e1ff}.plan-name-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.plan-name-badge{display:flex;align-items:center;gap:10px}.plan-name-badge h4{margin:0;font-size:18px;font-weight:600;color:#1f2937}.plan-status-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-status-badge.active{background:#dcfce7;color:#16a34a}.plan-status-badge.trial{background:#fef3c7;color:#d97706}.plan-features-row{display:flex;flex-wrap:wrap;gap:8px}.plan-feature-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;background:white;border-radius:6px;font-size:12px;color:#4b5563}.plan-feature-chip i{color:#5a4fcf;font-size:11px}.did-numbers-list{display:flex;flex-direction:column;gap:10px}.did-number-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#f9fafb;border-radius:10px;transition:all .15s ease}.did-number-item:hover{background:#f3f4f6}.did-icon{width:40px;height:40px;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#1976d2}.did-info{flex:1}.did-number{font-size:15px;font-weight:600;color:#1f2937;margin-bottom:2px}.did-meta{font-size:12px;color:#9ca3af}.did-cost{font-size:14px;font-weight:600;color:#5a4fcf}.did-delete-btn{width:32px;height:32px;border-radius:6px;background:transparent;border:none;color:#9ca3af;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.did-delete-btn:hover{background:#fee2e2;color:#dc2626}.empty-state{text-align:center;padding:40px 20px;color:#9ca3af}.empty-state i{font-size:40px;margin-bottom:12px;opacity:.4}.empty-state p{margin:0;font-size:14px}.view-all-link{display:flex;align-items:center;gap:6px;color:#5a4fcf;font-size:13px;font-weight:500;background:none;border:none;cursor:pointer;padding:0}.view-all-link:hover{text-decoration:underline}.transactions-list::-webkit-scrollbar{width:5px}.transactions-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.transactions-list::-webkit-scrollbar-thumb{background:#d1d1d1;border-radius:3px}.transactions-list::-webkit-scrollbar-thumb:hover{background:#b1b1b1}.add-funds-modal{background:white;border-radius:16px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 20px 60px #00000026}.add-funds-header{padding:24px;background:linear-gradient(135deg,#5A4FCF 0%,#7c6fe0 100%);color:#fff;text-align:center}.add-funds-header h3{margin:0 0 6px;font-size:20px;font-weight:600}.add-funds-header p{margin:0;font-size:14px;opacity:.9}.add-funds-body{padding:24px}.amount-input-group{margin-bottom:20px}.amount-input-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.amount-input-wrapper{display:flex;align-items:center;border:2px solid #e5e7eb;border-radius:10px;overflow:hidden;transition:border-color .2s ease}.amount-input-wrapper:focus-within{border-color:#5a4fcf}.currency-prefix{padding:12px 14px;background:#f9fafb;font-size:15px;font-weight:600;color:#6b7280;border-right:1px solid #e5e7eb}.amount-input{flex:1;padding:12px 14px;border:none;font-size:18px;font-weight:600;color:#1f2937;outline:none}.amount-input::-moz-placeholder{color:#9ca3af;font-weight:400}.amount-input::placeholder{color:#9ca3af;font-weight:400}.quick-amounts{display:flex;gap:10px;margin-bottom:24px}.quick-amount-btn{flex:1;padding:10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease}.quick-amount-btn:hover{background:#f3f4f6;border-color:#5a4fcf;color:#5a4fcf}.add-funds-footer{display:flex;gap:12px}.btn-cancel{flex:1;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease}.btn-cancel:hover{background:#f3f4f6}.btn-pay{flex:2;padding:12px;background:linear-gradient(135deg,#5A4FCF 0%,#7c6fe0 100%);border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-pay:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #5a4fcf59}.btn-pay:disabled{opacity:.6;cursor:not-allowed}.wallet-transactions-page{width:100%;padding:16px}.back-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:white;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#5a4fcf;cursor:pointer;transition:all .15s ease}.back-btn:hover{background:#fafafa;border-color:#5a4fcf}.balance-display{display:flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,#f8f7ff 0%,#f0eeff 100%);border-radius:10px;border:1px solid #e5e1ff}.balance-display-label{font-size:14px;color:#6b7280;font-weight:500}.balance-display-value{font-size:22px;font-weight:700;color:#5a4fcf}.transactions-full-list{display:flex;flex-direction:column;gap:8px}.transaction-full-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:white;border:1px solid #e8eaed;border-radius:8px;transition:all .15s ease}.transaction-full-item:hover{border-color:#d0d5dd;box-shadow:0 2px 8px #0000000a}.transaction-full-item.credit{border-left:4px solid #22c55e}.transaction-full-item.debit{border-left:4px solid #ef4444}.transaction-full-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.transaction-full-icon.credit{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);color:#16a34a}.transaction-full-icon.debit{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#dc2626}.transaction-full-icon i{font-size:14px}.transaction-full-details{flex:1;min-width:0}.transaction-full-desc{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:2px}.transaction-full-date{font-size:12px;color:#6b7280;margin-bottom:1px}.transaction-full-ref{font-size:11px;color:#9ca3af;font-family:monospace}.transaction-full-amounts{text-align:right;flex-shrink:0}.transaction-full-amount{font-size:17px;font-weight:700;margin-bottom:2px}.transaction-full-amount.credit{color:#16a34a}.transaction-full-amount.debit{color:#dc2626}.transaction-full-balance{font-size:12px;color:#9ca3af}.account-lock-banner{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:1px solid #fca5a5;border-radius:12px;padding:20px 24px;margin-bottom:24px;display:flex;align-items:center;gap:16px}.account-lock-icon{width:48px;height:48px;background:#ef4444;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.account-lock-content h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#b91c1c}.account-lock-content p{margin:0;font-size:14px;color:#dc2626}.billing-hero-section{background:#ffffff;border-radius:12px;padding:32px;margin-bottom:24px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.billing-hero-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:32px}.billing-hero-info{flex:1;min-width:280px}.billing-hero-badge{display:flex;align-items:center;gap:16px;margin-bottom:16px}.billing-hero-icon{width:56px;height:56px;background:linear-gradient(135deg,#e8f4fd 0%,#d1e9fc 100%);border-radius:12px;display:flex;align-items:center;justify-content:center}.billing-hero-icon i{font-size:24px;color:#1976d2}.billing-hero-title{color:#1f2937;font-size:28px;font-weight:700;margin:0;letter-spacing:-.5px}.billing-hero-status{display:flex;align-items:center;gap:12px;margin-top:8px}.billing-hero-desc{color:#6b7280;font-size:14px;margin:0;line-height:1.6}.billing-balance-card{background:#f9fafb;border-radius:12px;padding:24px 32px;text-align:center;min-width:260px;border:1px solid #e5e7eb}.billing-balance-label{font-size:12px;color:#6b7280;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.billing-balance-value{font-size:40px;font-weight:700;color:#5a4fcf;line-height:1;margin-bottom:8px}.billing-balance-commitment{font-size:12px;color:#6b7280;margin-bottom:16px;font-weight:500}.billing-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px}.billing-cards-grid .billing-card{display:flex;flex-direction:column}.billing-chart-section{background:white;border-radius:12px;padding:32px;border:1px solid #f1f3f4;margin-bottom:24px}.billing-chart-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.billing-chart-icon{width:46px;height:46px;background:linear-gradient(135deg,#5A4FCF 0%,#7c6fe0 100%);border-radius:10px;display:flex;align-items:center;justify-content:center}.billing-chart-icon i{color:#fff;font-size:18px}.billing-chart-title{font-size:20px;font-weight:600;margin:0;color:#1f2937}.billing-chart-subtitle{font-size:14px;color:#6b7280;margin:4px 0 0}.billing-alert{padding:16px 24px;border-radius:12px;margin-bottom:12px;display:flex;align-items:center;gap:12px}.billing-alert.danger{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.billing-alert.warning{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.billing-alert.info{background:#eff6ff;border:1px solid #dbeafe;color:#1e40af}.billing-alert i{font-size:20px}.billing-alert span{flex:1;font-weight:500}@media (max-width: 1200px){.billing-content-grid{grid-template-columns:1fr}.billing-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.billing-stats-row{grid-template-columns:repeat(2,1fr)}.billing-cards-grid{grid-template-columns:1fr}.billing-hero-content{flex-direction:column;align-items:stretch;gap:24px}.billing-hero-info,.billing-balance-card{min-width:unset}}@media (max-width: 600px){.billing-stats-row{grid-template-columns:1fr}.wallet-summary-top{flex-direction:column;gap:16px;align-items:flex-start}.wallet-actions{width:100%;flex-direction:column}.btn-add-funds,.btn-view-transactions{width:100%;justify-content:center}.back-header{flex-direction:column;gap:12px;align-items:flex-start}.balance-display{width:100%;justify-content:space-between}.billing-hero-section{padding:20px}.billing-hero-badge{flex-direction:column;align-items:flex-start;gap:12px}.billing-hero-icon{width:48px;height:48px}.billing-hero-icon i{font-size:20px}.billing-hero-title{font-size:22px}.billing-balance-card{padding:20px}.billing-balance-value{font-size:32px}.billing-chart-section{padding:20px}.billing-chart-header{flex-direction:column;align-items:flex-start;gap:12px}.billing-chart-title{font-size:18px}.billing-alert{padding:14px 16px;flex-wrap:wrap}}.billing-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.billing-modal-backdrop.dark{background-color:#000000b3}.billing-modal{background:white;border-radius:12px;padding:32px;max-width:500px;width:90%;box-shadow:0 10px 50px #0000004d}.billing-modal.large{max-width:600px;border-radius:20px;padding:0;box-shadow:0 25px 50px #00000040;max-height:90vh;overflow:auto}.billing-modal-header{margin-bottom:8px}.billing-modal-title{font-size:24px;font-weight:600;margin:0 0 8px;color:#1a1a1a}.billing-modal-subtitle{color:#666;margin:0 0 24px;font-size:14px}.plan-info-box{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:flex-start;gap:12px}.plan-info-box i{color:#3b82f6;margin-top:2px}.plan-info-content{flex:1}.plan-info-text{margin:0;font-size:14px;color:#1e40af;font-weight:500}.plan-info-amount{margin:4px 0 0;font-size:13px;color:#3b82f6}.billing-form-group{margin-bottom:24px}.billing-form-label{display:block;margin-bottom:8px;font-weight:500;color:#333}.billing-form-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;outline:none;transition:border-color .2s;box-sizing:border-box}.billing-form-input:focus{border-color:#667eea}.billing-modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-modal-cancel{padding:12px 24px;border-radius:8px;border:1px solid #ddd;background:white;color:#666;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-modal-cancel:hover{background:#f5f5f5}.btn-modal-cancel:disabled{cursor:not-allowed;opacity:.6}.btn-modal-primary{padding:12px 24px;border-radius:8px;border:none;background:linear-gradient(135deg,#5A4FCF 0%,#7c6fe0 100%);color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-modal-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #5a4fcf59}.btn-modal-primary:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.upgrade-plans-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plan-button{width:100%;margin-top:15px}.pricing-display{margin-bottom:15px}.pricing-amount{font-size:28px;font-weight:700;color:#667eea}.pricing-period{font-size:14px;font-weight:400;color:#666}.free-balance-badge{background:#e8f5e9;color:#2e7d32;padding:8px 12px;border-radius:6px;margin-bottom:15px;font-size:13px;font-weight:500}.free-balance-badge i{margin-right:6px}@media (max-width: 600px){.billing-modal{padding:24px;width:95%}.billing-modal-title{font-size:20px}.billing-modal-actions{flex-direction:column}.btn-modal-cancel,.btn-modal-primary{width:100%;justify-content:center}}.insufficient-funds-modal{background:white;border-radius:16px;max-width:520px;width:90%;box-shadow:0 20px 60px #0000004d;overflow:hidden}.insufficient-funds-header{background:linear-gradient(135deg,#ff9a56 0%,#ff6b6b 100%);padding:28px 32px;display:flex;align-items:center;gap:16px}.insufficient-funds-icon{width:56px;height:56px;background:rgba(255,255,255,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.insufficient-funds-icon i{font-size:24px;color:#fff}.insufficient-funds-header h3{margin:0;font-size:22px;font-weight:700;color:#fff}.insufficient-funds-header p{margin:4px 0 0;font-size:14px;color:#fffffff2}.insufficient-funds-body{padding:32px}.insufficient-funds-alert{background:#fef3f2;border:1px solid #fee4e2;border-radius:10px;padding:14px 16px;margin-bottom:24px;display:flex;gap:12px;align-items:flex-start}.insufficient-funds-alert i{color:#f97316;margin-top:2px;font-size:16px}.insufficient-funds-alert p{margin:0;font-size:14px;color:#7c2d12;line-height:1.5}.funds-breakdown{background:#f9fafb;border-radius:12px;padding:20px;margin-bottom:24px}.funds-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e5e7eb}.funds-row:last-child{border-bottom:none}.funds-row.total{border-bottom:2px solid #d1d5db}.funds-row.highlight{padding-top:14px;border-bottom:none}.funds-label{font-size:14px;color:#6b7280;font-weight:500}.funds-label.green{color:#059669}.funds-label.highlight{font-size:15px;color:#111827;font-weight:600}.funds-label i{margin-right:6px}.funds-value{font-size:14px;color:#111827;font-weight:600}.funds-value.green{color:#059669}.funds-value.highlight{font-size:18px;color:#f97316;font-weight:700;background:#fff7ed;padding:4px 12px;border-radius:6px}.insufficient-funds-actions{display:flex;gap:12px}.btn-add-funds-primary{flex:1;padding:14px 24px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #667eea66}.btn-add-funds-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.btn-modal-outline{padding:14px 24px;background:white;color:#6b7280;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-modal-outline:hover{border-color:#9ca3af;color:#374151}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes checkmark{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}}.payment-success-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .2s ease-out}.payment-success-modal{background:white;border-radius:16px;padding:40px;width:90%;max-width:450px;box-shadow:0 10px 40px #00000026;animation:slideUp .3s ease-out}.success-icon{width:64px;height:64px;margin:0 auto 24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.success-icon.activated{background:#10b981}.success-icon.warning{background:#f59e0b}.success-icon.default{background:#667eea}.success-icon svg path{stroke-dasharray:50;stroke-dashoffset:50;animation:checkmark .5s ease-out .2s forwards}.success-title{text-align:center;font-size:24px;font-weight:600;color:#1f2937;margin:0 0 8px}.success-subtitle{text-align:center;font-size:14px;color:#6b7280;margin:0 0 32px}.success-amount-box{background:#f9fafb;padding:24px;border-radius:12px;margin-bottom:24px;border:1px solid #e5e7eb}.success-amount-label{text-align:center;font-size:13px;color:#6b7280;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.success-amount-value{text-align:center;font-size:36px;font-weight:700;color:#10b981;margin:0}.success-balance-row{display:flex;justify-content:space-between;align-items:center;padding-top:16px;margin-top:16px;border-top:1px solid #e5e7eb}.success-balance-label{font-size:14px;color:#6b7280}.success-balance-value{font-size:16px;font-weight:600;color:#1f2937}.success-plan-badge{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#ecfdf5;border-radius:8px;margin-bottom:24px}.success-plan-badge i{color:#10b981}.success-plan-badge span{font-size:14px;font-weight:600;color:#065f46}.btn-success-done{width:100%;padding:14px;background:#1f2937;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-success-done:hover{background:#374151}.success-balance-section{text-align:center;margin-bottom:20px}.success-balance-section .label{font-size:12px;color:#9ca3af;font-weight:500;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.success-balance-section .amount{font-size:32px;font-weight:700;color:#1f2937}.success-balance-change{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:20px;border-top:1px solid #e5e7eb}.success-balance-change .balance-item{text-align:center}.success-balance-change .balance-item .label{font-size:11px;color:#9ca3af;margin-bottom:4px;font-weight:500}.success-balance-change .balance-item .label.green{color:#10b981;font-weight:600}.success-balance-change .balance-item .value{font-size:16px;font-weight:600;color:#6b7280}.success-balance-change .balance-item .value.green{color:#10b981;font-weight:700}.success-balance-change .arrow{font-size:20px;color:#10b981}.success-warning-alert{background:#fef3c7;padding:12px 16px;border-radius:8px;margin-bottom:24px;border:1px solid #fbbf24}.success-warning-alert p{margin:0;font-size:13px;color:#92400e;line-height:1.5}.form-id-text{font-size:11px;color:#999;margin-top:2px}.form-description-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#6b7280}.badge-group{display:flex;align-items:center;gap:8px}.badge-suffix{font-size:11px;color:#999}.badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500}.badge-blue{background:#e0f2fe;color:#0277bd}.badge-green{background:#e8f5e9;color:#2e7d32}.badge-purple{background:#f3e5f5;color:#7b1fa2;font-weight:600}.date-cell{font-size:14px;color:#6b7280;white-space:nowrap;min-width:140px}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn i{font-size:12px}.action-btn.enriched{background:#8b5cf6;color:#fff;padding:6px 12px;min-width:90px}.action-btn.enriched:hover{background:#7c3aed}.action-btn.submissions{background:#5A4FCF;color:#fff;padding:6px 12px;min-width:100px}.action-btn.submissions:hover{background:#4840A8}.action-btn.view{background:#e0f2fe;color:#0277bd}.action-btn.view:hover{background:#b3e5fc}.action-btn.edit{background:#e3f2fd;color:#1976d2}.action-btn.edit:hover{background:#bbdefb}.action-btn.settings{background:#f3e5f5;color:#7b1fa2}.action-btn.settings:hover{background:#e1bee7}.action-btn.delete{background:#ffebee;color:#c62828}.action-btn.delete:hover{background:#ffcdd2}.action-btn:disabled{opacity:.6;cursor:not-allowed}.empty-state-card{text-align:center;padding:60px 20px;background:white;border:1px solid #e0e0e0;border-radius:12px}.empty-state-icon{font-size:64px;margin-bottom:20px;color:#d1d5db}.empty-state-title{margin:0 0 10px;color:#1f2937;font-size:18px;font-weight:600}.empty-state-text{margin:0 0 20px;color:#6b7280;font-size:14px}@media (max-width: 1200px){.action-btn.enriched span,.action-btn.submissions span{display:none}.action-btn.enriched,.action-btn.submissions{min-width:auto;padding:6px 10px}}@media (max-width: 768px){.form-description-cell{max-width:120px}.action-buttons{flex-wrap:wrap;gap:4px}}.icon-purple{color:#8b5cf6;margin-right:12px}.stat-value-small{font-size:14px!important}.empty-table-cell{text-align:center;padding:40px}.no-data-text{margin-top:16px;color:#6b7280}.no-data-subtext{font-size:13px}.caller-id-cell{font-family:monospace;font-size:13px;color:#6b7280}.field-value-cell{font-size:13px;color:#374151;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-content.enrichment-modal{width:95%;max-width:1200px;max-height:90vh;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #00000026;border:1px solid #e5e7eb}.enrichment-modal .modal-header{background:#fff;color:#1f2937;padding:20px 24px;border-bottom:1px solid #e5e7eb}.enrichment-modal .modal-header h3{color:#1f2937;font-size:17px;font-weight:600;display:flex;align-items:center;gap:10px}.enrichment-modal .modal-header h3 i{color:#6b7280}.enrichment-modal .modal-close{background:#f3f4f6;color:#6b7280;border:none;border-radius:6px;width:32px;height:32px;cursor:pointer;transition:all .2s ease}.enrichment-modal .modal-close:hover{background:#e5e7eb;color:#374151}.enrichment-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:0}.enrichment-tabs-nav{display:flex;gap:0;padding:0 16px}.enrichment-tab{padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;font-weight:500;cursor:pointer;font-size:13px;transition:all .2s ease;display:flex;align-items:center;gap:8px}.enrichment-tab:hover{color:#374151;background:rgba(0,0,0,.02)}.enrichment-tab.active{border-bottom-color:#374151;color:#1f2937;font-weight:600}.enrichment-tab i{font-size:12px}.enrichment-modal-body{padding:24px;max-height:480px;overflow-y:auto;background:#fff}.enrichment-section-title{margin:0 0 16px;font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.enrichment-section-title:before{display:none}.enriched-data-box{background:#f9fafb;padding:16px;border-radius:8px;border:1px solid #e5e7eb}.enriched-data-row{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e5e7eb;display:grid;grid-template-columns:130px 1fr;gap:12px;align-items:center}.enriched-data-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.enriched-data-label{font-weight:500;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.enriched-data-value{font-size:14px;color:#1f2937;background:#fff;padding:8px 12px;border-radius:6px;border:1px solid #e5e7eb;word-break:break-word}.conversation-box{background:#f9fafb;color:#374151;padding:16px;border-radius:8px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:12px;line-height:1.7;white-space:pre-wrap;border:1px solid #e5e7eb;max-height:400px;overflow-y:auto}.conversation-box::-webkit-scrollbar{width:6px}.conversation-box::-webkit-scrollbar-track{background:#e5e7eb;border-radius:3px}.conversation-box::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:3px}.conversation-box::-webkit-scrollbar-thumb:hover{background:#6b7280}.enrichment-modal .modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 24px;display:flex;justify-content:flex-end;gap:12px}.history-header{margin-bottom:16px;font-size:16px;font-weight:600}.history-subtext{font-size:13px;color:#6b7280;margin-bottom:16px}.history-empty{text-align:center;padding:40px;color:#6b7280}.history-table-wrapper{overflow-x:auto;max-width:100%}.history-table{width:100%;border-collapse:collapse;font-size:13px}.history-table th{padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap;background:#f9fafb}.history-table th.sticky-right{text-align:center}.history-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb}.history-table td.sticky-left{white-space:nowrap}.history-table td.sticky-right{text-align:center}.history-table tr.current-row{background:#f3f4f6;border-left:3px solid #374151}.history-table tr.even-row{background:#fff}.history-table tr.odd-row{background:#fafafa}.version-badge{padding:3px 10px;border-radius:4px;font-size:11px;font-weight:600}.version-badge.current{background:#1f2937;color:#fff}.version-badge.old{background:#e5e7eb;color:#6b7280}.compare-btn{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb;border-radius:6px;padding:6px 10px;cursor:pointer;font-size:12px;transition:all .2s ease}.compare-btn:hover{background:#e5e7eb;color:#374151}.compare-btn.active{background:#1f2937;color:#fff;border-color:#1f2937}.history-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.pagination-btn{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;cursor:pointer;font-size:13px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f3f4f6}.pagination-btn:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.pagination-text{font-size:13px;color:#6b7280}.compare-modal-overlay{z-index:1100}.compare-modal{max-width:700px;max-height:80vh;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #00000026;border:1px solid #e5e7eb}.compare-modal .modal-header,.compare-modal-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:18px 24px}.compare-modal .modal-header h3,.compare-modal-header h3{color:#1f2937;font-size:16px;font-weight:600;display:flex;align-items:center;gap:10px}.compare-modal .modal-header h3 i,.compare-modal-header h3 i{color:#6b7280}.compare-modal-body{padding:24px;max-height:500px;overflow-y:auto;background:#ffffff}.compare-info{margin-bottom:16px;font-size:13px;color:#6b7280;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-radius:8px}.compare-info-label{color:#6b7280;font-weight:500}.compare-box{background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.compare-row{padding:14px 16px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:16px}.compare-row:last-child{border-bottom:none}.compare-row:nth-child(2n){background:#fff}.compare-field-name{font-weight:500;font-size:12px;color:#6b7280;min-width:110px;flex-shrink:0;text-transform:uppercase;letter-spacing:.3px}.compare-values{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.compare-original{font-size:14px;color:#6b7280;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-arrow{color:#9ca3af;font-size:14px;flex-shrink:0}.compare-enriched{font-size:14px;color:#1f2937;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #1f2937;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.compare-modal .modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 24px}@media (max-width: 768px){.modal-content.enrichment-modal{width:100%;max-width:100%;max-height:100vh;border-radius:0;margin:0;border:none}.enrichment-modal .modal-header{padding:16px}.enrichment-modal .modal-header h3{font-size:15px}.enrichment-tabs-nav{padding:0 8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.enrichment-tab{padding:10px 14px;font-size:12px;white-space:nowrap;flex-shrink:0}.enrichment-modal-body{padding:16px;max-height:calc(100vh - 180px)}.enrichment-section-title{font-size:12px;margin-bottom:12px}.enriched-data-box{padding:12px}.enriched-data-row{display:flex;flex-direction:column;gap:6px;padding-bottom:14px;margin-bottom:14px}.enriched-data-label{font-size:11px}.enriched-data-value{font-size:13px;padding:10px;width:100%;box-sizing:border-box}.conversation-box{font-size:11px;padding:12px;max-height:300px}.enrichment-modal .modal-footer{padding:12px 16px}.history-table-wrapper{margin:0 -16px;padding:0 16px}.history-table th,.history-table td{padding:10px 12px;font-size:12px}.version-badge{font-size:10px;padding:2px 8px}.history-pagination{flex-wrap:wrap}.compare-modal{width:100%;max-width:100%;max-height:100vh;border-radius:0;border:none}.compare-modal .modal-header,.compare-modal-header{padding:14px 16px}.compare-modal .modal-header h3,.compare-modal-header h3{font-size:14px}.compare-modal-body{padding:16px}.compare-info{flex-direction:column;gap:8px;align-items:flex-start;padding:10px 12px;font-size:12px}.compare-row{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.compare-field-name{min-width:auto;font-size:11px}.compare-values{width:100%;flex-direction:column;gap:8px}.compare-original,.compare-enriched{width:100%;font-size:13px;white-space:normal}.compare-arrow{transform:rotate(90deg);align-self:center}.compare-modal .modal-footer{padding:12px 16px}}@media (max-width: 480px){.enrichment-tab{padding:8px 10px;font-size:11px}.enriched-data-label{font-size:10px}.enriched-data-value{font-size:12px}}@media (max-width: 768px){.section-controls .btn{padding:8px 12px;font-size:0}.section-controls .btn i{font-size:14px;margin-right:0}.section-controls{gap:8px}}.submissions-table-wrapper{background:white;padding:0;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.submissions-table{width:100%;border-collapse:collapse}.submissions-table thead{background:#f8f9fa}.submissions-table th{padding:12px;text-align:left;border-bottom:1px solid #dee2e6;font-weight:600;color:#374151;font-size:13px}.submissions-table th.text-center{text-align:center}.submissions-table th.col-sr{width:60px;text-align:center}.submissions-table th.col-caller{width:150px}.submissions-table th.col-date{width:120px}.submissions-table th.col-actions{width:100px;text-align:center}.submissions-table td{padding:12px;border-bottom:1px solid #dee2e6;font-size:14px;color:#333}.submissions-table td.text-center{text-align:center}.submissions-table .sr-cell{font-weight:700;text-align:center}.submissions-caller-id{font-size:12px;font-family:monospace}.submissions-caller-id.has-id{color:#007bff;font-weight:700}.submissions-caller-id.no-id{color:#999}.submissions-date-cell{font-size:12px;color:#666}.submissions-badges{margin-top:4px;display:flex;flex-wrap:wrap;gap:2px}.source-badge{color:#fff;padding:1px 4px;border-radius:6px;font-size:9px;font-weight:500}.source-badge.manual-entry{background:#28a745}.source-badge.llm-extracted{background:#007bff}.source-badge.api-call{background:#6f42c1}.source-badge.import{background:#fd7e14}.source-badge.agent-conversation{background:#20c997}.source-badge.unknown{background:#6c757d}.source-badge.consolidated{background:#17a2b8}.source-badge.version{background:#6c757d}.source-badge.current{background:#28a745}.history-btn{background:#007bff;color:#fff;border:none;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:700;transition:background .2s ease}.history-btn:hover{background:#0056b3}.history-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.history-modal{background:white;border-radius:12px;padding:0;max-width:900px;width:90%;max-height:85%;overflow:hidden;box-shadow:0 20px 40px #00000026}.history-modal-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.history-modal-header h3{margin:0;font-size:20px}.history-modal-header p{margin:4px 0 0;opacity:.9;font-size:14px}.history-modal-close{background:rgba(255,255,255,.2);border:none;color:#fff;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.history-modal-close:hover{background:rgba(255,255,255,.3)}.history-modal-content{padding:24px;max-height:calc(85vh - 140px);overflow:auto}.history-modal-empty{text-align:center;padding:40px;color:#666}.history-modal-empty-icon{font-size:48px;margin-bottom:16px}.timeline-container{position:relative}.timeline-line{position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#667eea,#764ba2);z-index:1}.timeline-item{position:relative;padding-left:60px;margin-bottom:24px}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:11px;top:8px;width:18px;height:18px;border-radius:50%;border:3px solid white;box-shadow:0 2px 4px #0000001a;z-index:2}.timeline-dot.current{background:#28a745}.timeline-dot.first{background:#007bff}.timeline-dot.default{background:#6c757d}.timeline-card{background:white;border:2px solid #e0e0e0;border-radius:12px;padding:16px 20px;box-shadow:0 2px 8px #0000000d}.timeline-card.current{background:#f0f8ff;border-color:#007bff}.timeline-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.timeline-card-title{display:flex;align-items:center;gap:8px}.timeline-version-text{font-size:16px;font-weight:700;color:#333}.timeline-version-text.current{color:#007bff}.timeline-current-badge{background:#28a745;color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700}.timeline-update-badge{background:#ff6b6b;color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700}.timeline-card-meta{font-size:13px;color:#666;text-align:right}.timeline-card-meta-date{margin-bottom:2px}.timeline-source-badge{color:#fff;padding:2px 6px;border-radius:8px;font-size:10px}.timeline-form-data{margin-bottom:12px}.timeline-form-data h5{margin:0 0 8px;color:#333;font-size:14px}.timeline-form-data-box{background:#f8f9fa;border-radius:8px;padding:12px;border:1px solid #e9ecef}.timeline-form-data-row{display:flex;margin-bottom:6px;font-size:13px}.timeline-form-data-row:last-child{margin-bottom:0}.timeline-form-data-key{font-weight:700;color:#007bff;min-width:100px;margin-right:8px}.timeline-form-data-value{color:#333;flex:1}.timeline-change-summary{font-size:13px;color:#666;font-style:italic}.timeline-changed-fields{font-size:12px;color:#666;margin-top:8px}.settings-modal{max-width:700px;border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.settings-modal .modal-header{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);color:#fff;padding:20px 24px;border-bottom:none}.settings-modal .modal-header h3{color:#fff;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.settings-modal .modal-close{background:rgba(255,255,255,.2);color:#fff;border:none;border-radius:8px;width:36px;height:36px;cursor:pointer;transition:background .2s ease}.settings-modal .modal-close:hover{background:rgba(255,255,255,.3)}.settings-tabs{background:#faf5ff;border-bottom:1px solid #e9d5ff;padding:0 16px}.settings-tabs-nav{display:flex;gap:0}.settings-tab{padding:14px 24px;background:none;border:none;border-bottom:3px solid transparent;color:#7c3aed;font-weight:500;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;gap:8px}.settings-tab:hover:not(:disabled){background:rgba(139,92,246,.08);color:#6d28d9}.settings-tab.active{border-bottom-color:#8b5cf6;color:#6d28d9;font-weight:600;background:rgba(139,92,246,.1)}.settings-tab:disabled{opacity:.5;cursor:not-allowed}.settings-tab i{font-size:13px}.settings-modal-body{padding:24px;max-height:500px;overflow-y:auto;background:#ffffff}.settings-group{margin-bottom:24px}.settings-toggle{display:flex;align-items:flex-start;gap:14px;cursor:pointer;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease}.settings-toggle:hover{background:#f3f4f6;border-color:#d1d5db}.settings-toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#8b5cf6;margin-top:2px}.settings-toggle-content{flex:1}.settings-toggle-title{font-weight:600;font-size:15px;color:#111827;margin-bottom:4px}.settings-toggle-desc{font-size:13px;color:#6b7280;line-height:1.4}.settings-field{margin-bottom:20px}.settings-label{display:block;font-weight:600;margin-bottom:8px;font-size:14px;color:#374151}.settings-label .required{color:#ef4444;margin-left:2px}.settings-input,.settings-textarea,.settings-select{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:inherit;transition:all .2s ease;background:white}.settings-input:focus,.settings-textarea:focus,.settings-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.settings-textarea{min-height:120px;resize:vertical}.settings-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;padding-right:40px}.settings-hint{font-size:12px;color:#6b7280;margin-top:6px;line-height:1.4}.settings-info-box{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #7dd3fc;border-radius:12px;padding:16px 20px;margin-top:24px;display:flex;gap:14px}.settings-info-box i{color:#0284c7;font-size:18px;margin-top:2px}.settings-info-content{flex:1}.settings-info-title{font-weight:600;font-size:14px;color:#0c4a6e;margin-bottom:6px}.settings-info-text{font-size:13px;color:#0369a1;line-height:1.5}.settings-modal .modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 24px;display:flex;justify-content:flex-end;gap:12px}.settings-empty{text-align:center;padding:60px 20px;color:#6b7280}.settings-empty i{font-size:48px;margin-bottom:16px;opacity:.3}.settings-loading{text-align:center;padding:60px 20px}.settings-loading i{font-size:32px;color:#8b5cf6;margin-bottom:16px}.settings-loading p{color:#6b7280;font-size:14px}.recent-callers-container{max-width:1400px;margin:0 auto;padding:20px}.callers-table-wrapper{background:white;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.callers-table{width:100%;border-collapse:collapse}.callers-table thead{background:#f8f9fa}.callers-table th{padding:12px;text-align:left;border-bottom:1px solid #dee2e6;font-weight:600;color:#374151;font-size:13px}.callers-table th.text-center{text-align:center}.callers-table th.col-sr{width:80px;text-align:center}.callers-table th.col-caller-id,.callers-table th.col-forms{width:200px}.callers-table th.col-history{width:100px;text-align:center}.callers-table td{padding:12px;border-bottom:1px solid #dee2e6}.callers-table td.text-center{text-align:center}.caller-data-cell{font-size:14px;color:#333}.caller-data-row{margin-bottom:4px}.caller-data-key{color:#007bff;font-weight:700}.caller-meta{font-size:12px;color:#666;margin-top:8px}.caller-meta-first{font-size:11px;opacity:.8}.caller-meta-badges{margin-top:4px}.caller-submissions-badge{background:#17a2b8;color:#fff;padding:2px 6px;border-radius:8px;font-size:10px}.caller-mixed-badge{background:#ffc107;color:#000;padding:2px 6px;border-radius:8px;font-size:10px;margin-left:4px}.caller-id-display{font-size:13px;font-family:monospace}.caller-id-value{font-weight:700;color:#007bff}.caller-id-label{font-size:11px;color:#666;margin-top:2px}.caller-forms-cell{font-size:13px}.caller-forms-count{font-weight:700;color:#333;margin-bottom:4px}.caller-form-name{font-size:12px;color:#666;margin-bottom:2px}.caller-history-btn{background:#007bff;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:4px;transition:background .2s ease}.caller-history-btn:hover{background:#0056b3}.form-builder-section{background:white;padding:24px;border-radius:8px;margin-bottom:20px;border:1px solid #e5e7eb}.form-builder-section.sticky{position:sticky;top:20px}.form-builder-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937}.form-builder-group{margin-bottom:15px}.form-builder-label{display:block;margin-bottom:5px;font-weight:700;color:#374151;font-size:14px}.form-builder-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s ease}.form-builder-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.form-builder-textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;resize:vertical}.form-builder-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.form-builder-hint{color:#666;font-size:11px;display:block;margin-top:5px}.form-builder-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.auto-generate-btn{background:#17a2b8;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:5px;transition:background .2s ease}.auto-generate-btn:hover{background:#138496}.form-builder-empty{text-align:center;padding:40px;color:#666;border:2px dashed #ddd;border-radius:8px}.form-builder-empty-icon{font-size:48px;margin-bottom:10px}.form-builder-empty-text{font-size:14px;margin-top:5px}.field-type-grid{display:grid;gap:8px}.field-type-btn{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #ddd;border-radius:6px;background:white;cursor:pointer;text-align:left;transition:all .2s ease;font-size:14px}.field-type-btn:hover{background:#f8f9fa;border-color:#007bff}.field-type-btn-icon{font-size:20px}.field-editor{border:1px solid #ddd;border-radius:8px;margin-bottom:15px;background:white;cursor:move;transition:all .2s ease}.field-editor.dragging{background:#f0f8ff;opacity:.5}.field-editor-header{padding:15px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.field-editor-header.expanded{border-bottom:1px solid #eee}.field-editor-title{display:flex;align-items:center;gap:10px}.field-editor-drag-handle{font-size:18px;color:#999}.field-editor-name{font-weight:700;color:#1f2937}.field-editor-type-badge{background:#e9ecef;padding:2px 8px;border-radius:12px;font-size:12px;color:#495057}.field-editor-required-badge{background:#fff3cd;color:#856404;padding:2px 6px;border-radius:4px;font-size:11px}.field-editor-actions{display:flex;gap:5px;align-items:center}.field-editor-remove-btn{background:#dc3545;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s ease}.field-editor-remove-btn:hover{background:#c82333}.field-editor-toggle{color:#666;font-size:12px}.field-editor-body{padding:20px}.field-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.field-editor-checkbox-group{display:flex;align-items:center;gap:10px;padding-top:20px}.field-editor-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.field-editor-help-icon{color:#666;cursor:help}.field-options-section{margin-bottom:20px}.field-options-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.field-options-add-btn{background:#28a745;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s ease}.field-options-add-btn:hover{background:#218838}.field-option-row{display:flex;gap:10px;margin-bottom:8px}.field-option-input{flex:1;padding:6px;border:1px solid #ddd;border-radius:4px;font-size:13px}.field-option-input:focus{outline:none;border-color:#007bff}.field-option-remove-btn{background:#dc3545;color:#fff;border:none;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s ease}.field-option-remove-btn:hover{background:#c82333}.llm-instructions-section h4{margin:0 0 10px;font-size:14px;font-weight:600;color:#1f2937}.llm-instructions-textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:13px;resize:vertical;margin-bottom:15px}.llm-instructions-textarea:focus{outline:none;border-color:#007bff}.forms-container{max-width:1200px;margin:0 auto;padding:20px}.forms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.forms-title{margin:0 0 5px;color:#333;font-size:28px;font-weight:700}.forms-subtitle{margin:0;color:#666;font-size:16px;line-height:1.4}.create-form-btn{background:#007bff;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #007bff33}.create-form-btn:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.forms-list{display:flex;flex-direction:column;gap:16px}.form-card{background:white;border:1px solid #e0e0e0;border-radius:12px;padding:24px;transition:all .3s ease;position:relative;width:100%;min-height:180px;display:flex;flex-direction:column;box-shadow:0 2px 4px #0000000d}.form-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px);border-color:#007bff}.form-card-status{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:6px}.form-card-status-text{font-size:12px;font-weight:500}.form-card-status-dot{width:8px;height:8px;border-radius:50%}.form-card-header{margin-bottom:20px;padding-right:80px}.form-card-title{margin:0 0 8px;font-size:20px;font-weight:700;color:#333;line-height:1.2}.form-card-description{margin:0;color:#666;font-size:14px;line-height:1.5;max-height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.form-card-stats{display:flex;align-items:center;gap:20px;margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:8px;flex:1}.form-card-stat-box{border-radius:8px;padding:8px 12px;text-align:center;min-width:60px;color:#fff}.form-card-stat-number{font-size:18px;font-weight:700;line-height:1}.form-card-stat-label{font-size:11px;opacity:.9;margin-top:2px}.form-card-tags{flex:1;min-width:0}.form-card-tags-container{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.form-card-tag{display:inline-flex;align-items:center;gap:4px;background:white;border:1px solid #ddd;border-radius:16px;padding:4px 8px;font-size:12px;font-weight:500;color:#495057}.form-card-meta{margin-bottom:20px;padding:12px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.form-card-meta-dates{display:flex;justify-content:space-between;font-size:12px;color:#666}.form-card-meta-id{font-size:11px;color:#999;margin-top:4px}.form-card-meta-code{background:#f8f9fa;padding:2px 4px;border-radius:3px}.form-card-actions{display:flex;gap:10px;margin-top:auto}.form-card-action-btn{flex:1;color:#fff;border:none;padding:12px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.form-card-action-btn:hover{transform:translateY(-1px)}.form-card-action-btn.view{background:#17a2b8}.form-card-action-btn.view:hover{background:#138496}.form-card-action-btn.edit{background:#007bff}.form-card-action-btn.edit:hover{background:#0056b3}.form-card-action-btn.data{background:#28a745}.form-card-action-btn.data:hover{background:#1e7e34}.form-card-action-btn.delete{background:#dc3545;min-width:80px}.form-card-action-btn.delete:hover{background:#c82333}.form-card-action-btn:disabled{cursor:not-allowed;opacity:.6}.form-view-container{max-width:800px;margin:20px auto;padding:20px}.form-view-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.form-view-title{margin:0 0 10px;color:#333;font-size:28px;font-weight:700}.form-view-description{margin:0;color:#666;font-size:16px;line-height:1.5}.form-view-back-btn{background:#f8f9fa;color:#007bff;border:1px solid #007bff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;margin-left:20px;transition:all .2s ease}.form-view-back-btn:hover{background:#007bff;color:#fff}.form-view-form{background:white;border:1px solid #e0e0e0;border-radius:12px;padding:40px;box-shadow:0 2px 8px #0000001a}.form-view-field{margin-bottom:20px}.form-view-field-label{display:block;margin-bottom:8px;font-weight:700;color:#333}.form-view-field-required{color:#dc3545;margin-left:4px}.form-view-field-input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:6px;font-size:16px;font-family:inherit;transition:border-color .2s ease}.form-view-field-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-view-field-textarea{min-height:100px;resize:vertical}.form-view-radio-group,.form-view-checkbox-group{display:flex;flex-direction:column;gap:8px}.form-view-radio-option,.form-view-checkbox-option{display:flex;align-items:center;font-size:16px;font-weight:400;cursor:pointer}.form-view-radio-input,.form-view-checkbox-input{margin-right:8px}.form-view-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #eee}.form-view-reset-btn{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6;padding:12px 20px;border-radius:6px;cursor:pointer;font-size:16px;transition:all .2s ease}.form-view-reset-btn:hover{background:#e9ecef}.form-view-submit-btn{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;min-width:140px;transition:all .2s ease}.form-view-submit-btn:hover{background:#0056b3;transform:translateY(-1px)}.form-view-submit-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.form-view-success-message{background:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:16px;border-radius:8px;margin-bottom:30px;text-align:center}.form-view-error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:16px;border-radius:8px;margin-bottom:30px}.form-view-info{margin-top:30px;padding:20px;background:#f8f9fa;border-radius:8px;text-align:center;color:#666;font-size:14px}.form-view-info-code{background:white;padding:2px 6px;border-radius:4px;border:1px solid #ddd}@media (max-width: 768px){.section-controls.icon-only-mobile .btn .btn-text{display:none}.section-controls.icon-only-mobile .btn{padding:8px 12px;min-width:auto}.section-controls.icon-only-mobile .btn i{margin-right:0}.submissions-table-wrapper{overflow-x:auto;margin:0 -16px;padding:0 16px}.submissions-table{font-size:12px;min-width:600px}.submissions-table th,.submissions-table td{padding:10px 8px}.submissions-table .col-sr{width:40px}.submissions-caller-id,.submissions-date-cell{font-size:11px}.submissions-badges{flex-wrap:wrap;gap:4px}.history-btn{padding:6px 10px;font-size:11px}.callers-table-wrapper{overflow-x:auto;margin:0 -16px;padding:0 16px}.callers-table{font-size:12px;min-width:700px}.callers-table th,.callers-table td{padding:10px 8px}.caller-history-btn{padding:6px 10px;font-size:11px}.history-modal{width:95%;max-width:none;max-height:90vh;margin:20px}.history-modal-header{padding:16px}.history-modal-header h3{font-size:18px}.history-modal-content{padding:16px;max-height:calc(90vh - 100px)}.timeline-card{padding:14px}.timeline-card-header{flex-direction:column;align-items:flex-start;gap:8px}.timeline-form-data-box{font-size:12px}.form-builder-section{padding:16px}.form-builder-two-column{grid-template-columns:1fr}.field-type-grid{grid-template-columns:repeat(2,1fr);gap:8px}.field-type-btn{padding:10px;font-size:12px}.field-editor{padding:12px}.field-editor-header{padding:10px 12px}.field-editor-body{padding:12px}}.forms-card{background:#ffffff;border-radius:16px;box-shadow:0 2px 12px #0000000f;border:1px solid rgba(0,0,0,.04);overflow:hidden}.forms-card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#fafbfc 0%,#f5f7fa 100%)}.forms-card-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:10px}.forms-card-header h3 i{color:#8b5cf6}.forms-card-header .form-count{background:#8b5cf6;color:#fff;font-size:12px;padding:4px 10px;border-radius:20px;font-weight:600}.forms-toolbar{display:flex;gap:12px;align-items:center}.forms-search{position:relative}.forms-search input{width:280px;padding:10px 40px 10px 16px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;background:white;transition:all .2s ease}.forms-search input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.forms-search input::-moz-placeholder{color:#9ca3af}.forms-search input::placeholder{color:#9ca3af}.forms-search i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.btn-recent-callers{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #f59e0b4d}.btn-recent-callers:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.btn-add-form{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #8b5cf64d}.btn-add-form:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.forms-table{width:100%;border-collapse:collapse}.forms-table thead{background:#f8fafc}.forms-table th{padding:12px 10px;text-align:left;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb;white-space:nowrap}.forms-table th:last-child{text-align:right}.forms-table td{padding:12px 10px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.forms-table td:nth-child(2){max-width:200px}.forms-table td:last-child{text-align:right;white-space:nowrap}.forms-table tbody tr{transition:all .2s ease}.forms-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.forms-table tbody tr:last-child td{border-bottom:none}.form-info-cell{display:flex;align-items:center;gap:10px;min-width:0}.form-name-details{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.form-name{font-weight:600;color:#1f2937;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-id{font-size:11px;color:#9ca3af}.form-fields-badges{display:flex;gap:4px;align-items:center}.form-field-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:500}.form-field-badge.total{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1d4ed8}.form-field-badge.required{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#b45309}.form-records-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);color:#6d28d9;border-radius:6px;font-size:11px;font-weight:500}.form-records-badge .records-suffix{font-size:10px;opacity:.8}.form-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.form-status-badge.active{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46}.form-status-badge.active:before{content:"";width:6px;height:6px;background:#10b981;border-radius:50%;animation:statusPulse 2s ease-in-out infinite}.form-status-badge.inactive{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);color:#6b7280}.form-status-badge.inactive:before{content:"";width:6px;height:6px;background:#9ca3af;border-radius:50%}.form-date-cell{font-size:11px;color:#6b7280;white-space:nowrap}.form-description-cell{font-size:12px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forms-list-actions{display:inline-flex;gap:6px;justify-content:flex-end;flex-wrap:nowrap}.forms-list-actions .action-btn{width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:13px;transition:all .2s ease;flex-shrink:0}.forms-list-actions .action-btn-text{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:none;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;flex-shrink:0;white-space:nowrap}.forms-list-actions .action-btn-text i{font-size:14px}.forms-list-actions .action-btn-text.enriched{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);color:#7c3aed}.forms-list-actions .action-btn-text.enriched:hover{background:linear-gradient(135deg,#ddd6fe 0%,#c4b5fd 100%);transform:translateY(-1px);box-shadow:0 2px 6px #7c3aed33}.forms-list-actions .action-btn-text.submissions{background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);color:#4338ca}.forms-list-actions .action-btn-text.submissions:hover{background:linear-gradient(135deg,#c7d2fe 0%,#a5b4fc 100%);transform:translateY(-1px);box-shadow:0 2px 6px #4338ca33}.forms-list-actions .action-btn.view{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#059669}.forms-list-actions .action-btn.view:hover{background:linear-gradient(135deg,#a7f3d0 0%,#6ee7b7 100%);transform:translateY(-2px);box-shadow:0 4px 8px #05966933}.forms-list-actions .action-btn.edit{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#2563eb}.forms-list-actions .action-btn.edit:hover{background:linear-gradient(135deg,#bfdbfe 0%,#93c5fd 100%);transform:translateY(-2px);box-shadow:0 4px 8px #2563eb33}.forms-list-actions .action-btn.settings{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#d97706}.forms-list-actions .action-btn.settings:hover{background:linear-gradient(135deg,#fde68a 0%,#fcd34d 100%);transform:translateY(-2px);box-shadow:0 4px 8px #d9770633}.forms-list-actions .action-btn.delete{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#dc2626}.forms-list-actions .action-btn.delete:hover{background:linear-gradient(135deg,#fecaca 0%,#fca5a5 100%);transform:translateY(-2px);box-shadow:0 4px 8px #dc262633}.forms-list-actions .action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.forms-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af}.forms-empty i{font-size:48px;margin-bottom:16px;opacity:.5}.forms-empty p{font-size:14px;margin:0 0 20px}@media (max-width: 1200px){.forms-toolbar{flex-wrap:wrap}.forms-search input{width:200px}.btn-recent-callers span,.btn-add-form span{display:none}}@media (max-width: 1024px){.forms-card-body{overflow-x:auto}.forms-table{min-width:800px}.forms-list-actions .action-btn-text span{display:none}.forms-list-actions .action-btn-text{width:32px;height:32px;padding:0;justify-content:center}}@media (max-width: 768px){.forms-card-header{flex-direction:column;gap:16px;align-items:stretch}.forms-toolbar{width:100%;flex-wrap:wrap;gap:10px}.forms-search{width:100%;order:1}.forms-search input{width:100%}.forms-card-body{overflow-x:auto;-webkit-overflow-scrolling:touch}.forms-table{min-width:700px}.forms-table th,.forms-table td{padding:10px 8px}.forms-table th:nth-child(2),.forms-table td:nth-child(2){display:none}.forms-table th:nth-child(6),.forms-table td:nth-child(6){display:none}.forms-list-actions{gap:4px}.forms-list-actions .action-btn{width:28px;height:28px;font-size:11px}.forms-list-actions .action-btn-text{width:28px;height:28px;padding:0;justify-content:center}.forms-list-actions .action-btn-text span{display:none}.forms-list-actions .action-btn-text i{font-size:12px}}@media (max-width: 480px){.forms-card-header h3{font-size:16px}.forms-table{min-width:500px}.forms-table th:nth-child(3),.forms-table td:nth-child(3){display:none}.forms-list-actions .action-btn{width:26px;height:26px;font-size:10px}.forms-list-actions .action-btn-text{width:26px;height:26px}}.filter-widget{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;margin-bottom:0;background:linear-gradient(135deg,#f8f9ff 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:12px 12px 0 0;min-height:60px;gap:16px}.filter-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0;flex:1}.filter-exports{display:flex;align-items:center;gap:8px;flex-shrink:0}.filter-group{display:flex;align-items:center}.filter-control{padding:10px 36px 10px 14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:14px;color:#374151;min-width:150px;white-space:nowrap;flex-shrink:0;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235A4FCF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.filter-control:hover{border-color:#5a4fcf;background-color:#fafafa}.filter-control:focus{outline:none;border-color:#5a4fcf;box-shadow:0 0 0 3px #5a4fcf26}.filter-control option{padding:10px;background:white;color:#374151}.filter-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#374151;padding:8px 14px;background:white;border:1px solid #d1d5db;border-radius:8px;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.filter-checkbox:hover{border-color:#5a4fcf;background:#fafaff}.filter-checkbox input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:#5A4FCF}.filter-checkbox span{font-weight:500;color:#374151;white-space:nowrap}.filter-tooltip{color:#9ca3af;cursor:help;margin-left:4px;font-size:12px;transition:color .2s}.filter-tooltip:hover{color:#5a4fcf}.search-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#9ca3af;font-size:14px;z-index:2}.search-input{padding:10px 14px 10px 38px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:white;transition:all .2s;width:200px;box-shadow:0 1px 2px #0000000d}.search-input:focus{outline:none;border-color:#5a4fcf;box-shadow:0 0 0 3px #5a4fcf26}.date-range-container{display:flex;align-items:center;gap:10px}.date-input-wrapper{position:relative;display:flex;align-items:center;background:white;border:1px solid #d1d5db;border-radius:8px;padding:8px 12px;transition:all .2s;box-shadow:0 1px 2px #0000000d}.date-input-wrapper:focus-within{border-color:#5a4fcf;box-shadow:0 0 0 3px #5a4fcf26}.date-input{border:none;outline:none;font-size:14px;color:#374151;background:transparent;padding:0;margin-right:8px}.date-icon{color:#5a4fcf;font-size:12px}.date-separator{font-size:13px;color:#9ca3af;font-weight:500}.filter-button{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;background:white;color:#374151;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:42px;box-shadow:0 1px 2px #0000000d}.filter-button:hover{background:#f9fafb;border-color:#5a4fcf;color:#5a4fcf}.filter-button.active{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-color:#f87171;color:#dc2626}.filter-button.active:hover{background:linear-gradient(135deg,#fecaca 0%,#fca5a5 100%);border-color:#ef4444}.export-button{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;background:white;color:#374151;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;white-space:nowrap;flex-shrink:0;box-shadow:0 1px 2px #0000000d}.export-button:hover{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#22c55e;color:#16a34a}.export-button i{font-size:14px}.export-button .export-label{font-weight:500}@media (max-width: 768px){.filter-widget{flex-direction:column;gap:12px;align-items:stretch;padding:14px}.filter-controls{justify-content:flex-start;gap:8px}.filter-exports{justify-content:flex-end;gap:8px}.filter-control{min-width:130px;padding:9px 32px 9px 12px;font-size:13px}.filter-checkbox{padding:8px 12px;font-size:13px}.filter-checkbox span{font-size:12px}.search-input{width:150px;font-size:13px;padding:9px 12px 9px 36px}.export-button .export-label{display:none}.export-button{padding:9px 12px;min-width:auto}.export-button i{margin-right:0}}@media (max-width: 480px){.filter-widget{padding:12px;gap:10px}.filter-controls{gap:6px}.filter-control{min-width:110px;padding:8px 28px 8px 10px;font-size:12px}.filter-checkbox{padding:7px 10px;font-size:12px}.filter-checkbox span{font-size:11px}.search-input{width:120px;padding:8px 10px 8px 32px;font-size:12px}.filter-button{padding:8px 10px;min-width:38px}.export-button{padding:8px 10px}.date-range-container{flex-wrap:wrap;gap:6px}.date-input-wrapper{padding:6px 10px}.date-input,.date-separator{font-size:12px}}.custom-dropdown{position:relative;width:100%;z-index:10}.custom-dropdown.open{z-index:100}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:white;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;min-height:42px}.dropdown-trigger:hover{border-color:#cbd5e1}.dropdown-trigger.open{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dropdown-value{font-size:13px;color:#1e293b;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-arrow{display:flex;align-items:center;color:#64748b;transition:transform .2s ease}.dropdown-trigger.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;width:-moz-max-content;width:max-content;max-width:450px;background:white;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 40px #00000026;z-index:9999;max-height:300px;overflow-y:auto;animation:dropdownSlide .15s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dropdown-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:background .15s ease;border-bottom:1px solid #f1f5f9}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:#f8fafc}.dropdown-option.selected{background:#eff6ff}.dropdown-option.placeholder-option{color:#94a3b8}.option-name{font-size:13px;font-weight:500;color:#1e293b;white-space:nowrap;padding-right:24px}.dropdown-option.selected .option-name{color:#1d4ed8;font-weight:600}.option-price{font-size:12px;color:#64748b;font-weight:500;white-space:nowrap;font-family:SF Mono,Monaco,Menlo,monospace}.dropdown-option.selected .option-price{color:#3b82f6}.dropdown-option.placeholder-option .option-name{color:#94a3b8;font-weight:400}.price-calculator-container{min-height:100vh;background:#f8fafc;padding:20px}.price-calculator-header{text-align:center;margin-bottom:20px}.price-calculator-header h1{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:4px}.price-calculator-header p{font-size:14px;color:#64748b}.calculator-content{max-width:900px;margin:0 auto;background:white;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-state p{font-size:14px;color:#64748b}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;gap:8px;color:#dc2626;font-size:14px}.error-icon{font-size:16px}.channel-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.channel-label{font-size:14px;color:#475569;font-weight:500}.channel-type-tabs{display:flex;gap:0;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.tab{padding:10px 28px;background:white;border:none;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.tab:first-child{border-right:1px solid #e2e8f0}.tab:hover{background:#f8fafc}.tab.active{background:#3b82f6;color:#fff}.tab-icon{font-size:16px}.selection-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.selection-section{display:flex;flex-direction:column}.section-label{font-size:11px;font-weight:600;color:#64748b;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.select-input{width:100%;padding:10px 36px 10px 14px;font-size:14px;border:1px solid #e2e8f0;border-radius:8px;background:white;color:#1e293b;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;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='%2364748b' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.select-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.services-section{margin-bottom:20px}.services-table{border:1px solid #e2e8f0;border-radius:10px;overflow:visible}.service-row{display:grid;grid-template-columns:4px 1fr 280px 120px;align-items:center;border-bottom:1px solid #e2e8f0;background:white}.service-row:last-child{border-bottom:none}.service-row:hover{background:#f8fafc}.service-color-bar{width:4px;height:100%;min-height:52px}.service-info{display:flex;align-items:center;gap:6px;padding:14px 16px}.service-name{font-size:13px;font-weight:600;color:#1e293b;text-transform:uppercase;letter-spacing:.3px}.service-subtitle{font-size:11px;color:#64748b;text-transform:uppercase}.info-icon{width:16px;height:16px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#64748b;cursor:help}.service-select-cell{padding:10px 12px;position:relative}.service-row,.services-table{overflow:visible!important}.service-select{width:100%;padding:10px 32px 10px 14px;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;border:1px solid #e2e8f0;border-radius:8px;background:white;color:#1e293b;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;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='%2364748b' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.service-select option{padding:12px 16px;font-size:13px;font-family:SF Mono,Monaco,Menlo,Courier New,monospace;background:white;color:#1e293b;line-height:1.8;letter-spacing:.3px;border-bottom:1px solid #f1f5f9}.service-select option:last-child{border-bottom:none}.service-select option:hover{background:#f8fafc;color:#3b82f6}.service-select option:checked{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;font-weight:600}.service-select option[disabled]{color:#94a3b8;background:#f8fafc;font-style:italic}.service-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.service-cost{padding:14px 16px;font-size:14px;font-weight:600;color:#1e293b;text-align:right}.service-row.fixed .service-select-cell{visibility:hidden}.cost-summary{border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;background:#f8fafc;margin-bottom:16px}.summary-label{display:flex;align-items:center;gap:8px}.summary-label h3{font-size:13px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;margin:0}.total-cost{font-size:28px;font-weight:700;color:#1e293b}.total-cost-container{text-align:right}.base-price-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:4px}.base-price-strikethrough{font-size:16px;color:#94a3b8;text-decoration:line-through;font-weight:500}.discount-badge{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.savings-text{font-size:12px;color:#10b981;margin-top:4px;font-weight:500}.cost-bar-container{margin-top:12px}.cost-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:#e2e8f0}.cost-bar-segment{height:100%;transition:width .3s ease}.cost-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.legend-color{width:10px;height:10px;border-radius:2px}.legend-value{font-weight:600;color:#1e293b}.pricing-disclaimer{margin-top:16px;padding:14px 16px;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:8px;font-size:12px;color:#0369a1}.disclaimer-title{font-weight:600;font-size:13px;color:#0c4a6e;margin-bottom:10px;display:flex;align-items:center;gap:6px}.disclaimer-title i{color:#0284c7}.disclaimer-list{margin:0;padding-left:18px;line-height:1.7}.disclaimer-list li{margin-bottom:4px}.disclaimer-list li strong{color:#0c4a6e}.disclaimer-note{margin-top:10px;padding-top:10px;border-top:1px solid #bae6fd;font-size:12px;color:#0369a1;display:flex;align-items:center;gap:6px}.disclaimer-note i{color:#059669}.disclaimer-note strong{color:#047857}@media (max-width: 900px){.service-row{grid-template-columns:4px 1fr 200px 100px}.tab{padding:10px 20px}}@media (max-width: 768px){.price-calculator-container{padding:12px;min-height:auto}.price-calculator-header{margin-bottom:16px}.price-calculator-header h1{font-size:20px}.price-calculator-header p{font-size:13px}.calculator-content{padding:16px;border-radius:12px}.channel-section{flex-direction:column;gap:10px;align-items:stretch;margin-bottom:16px}.channel-label{font-size:13px;text-align:center}.channel-type-tabs{width:100%}.tab{flex:1;justify-content:center;padding:12px 16px;font-size:13px}.tab-icon{font-size:14px}.selection-row{grid-template-columns:1fr;gap:12px;margin-bottom:16px}.section-label{font-size:10px}.select-input{padding:12px 14px;font-size:14px}.services-section{margin-bottom:16px}.service-row{display:flex;flex-wrap:wrap;position:relative;padding-left:4px;border-bottom:1px solid #e2e8f0}.service-row:last-child{border-bottom:none}.service-color-bar{position:absolute;left:0;top:0;bottom:0;width:4px;min-height:auto}.service-info{flex:1;min-width:0;padding:12px 12px 8px}.service-name{font-size:12px}.service-subtitle{font-size:10px;display:block;margin-top:2px}.info-icon{display:none}.service-cost{padding:12px 12px 8px 0;font-size:13px;min-width:90px;text-align:right}.service-select-cell{width:100%;padding:0 12px 12px;box-sizing:border-box}.service-select{width:100%;padding:10px 12px;font-size:14px}.service-row.fixed .service-select-cell{display:none}.service-row.fixed .service-info,.service-row.fixed .service-cost{padding-bottom:12px}.cost-summary{flex-direction:column;gap:8px;text-align:center;padding:14px 16px}.summary-label h3{font-size:12px}.total-cost{font-size:26px}.cost-bar-container{margin-top:10px}.cost-bar{height:10px}.cost-legend{gap:10px;margin-top:10px}.legend-item{font-size:11px;flex-basis:calc(50% - 5px)}.legend-color{width:8px;height:8px}}@media (max-width: 480px){.price-calculator-container{padding:8px}.calculator-content{padding:12px;border-radius:10px}.price-calculator-header h1{font-size:18px}.tab{padding:10px 12px;font-size:12px;gap:6px}.service-name{font-size:11px}.service-cost{font-size:12px;min-width:80px}.total-cost{font-size:22px}.legend-item{flex-basis:100%}}.tabs-container{border-bottom:1px solid #e5e7eb;margin-bottom:20px}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tab{padding:12px 20px;border:none;background:transparent;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;position:relative;display:flex;align-items:center;gap:8px}.tab i{font-size:14px}.tab:hover{color:#5a4fcf;background:#f9fafb}.tab.active{color:#5a4fcf;border-bottom-color:#5a4fcf;background:#f9fafb}.tool-name-cell{display:flex;align-items:center;gap:10px}.tool-icon{font-size:20px;flex-shrink:0}.tool-name{color:#333;font-weight:500}.tool-description{font-size:13px;color:#6b7280;max-width:300px;line-height:1.4}.empty-table-cell{text-align:center;padding:40px!important;color:#6b7280}.tool-type-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.badge-webhook{background:#dbeafe;color:#1e40af}.badge-call-control,.badge-call-actions{background:#fef3c7;color:#92400e}.badge-custom{background:#e0e7ff;color:#4338ca}.badge-form{background:#fce7f3;color:#be185d}.badge-kb{background:#d1fae5;color:#065f46}.badge-transfer{background:#e0f2fe;color:#075985}.badge-default{background:#f3f4f6;color:#4b5563}.tool-type-modal{max-width:800px;width:90%}.tool-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.tool-type-card{padding:24px;border:2px solid #e5e7eb;border-radius:12px;text-align:center;cursor:pointer;transition:all .2s;background:white}.tool-type-card:hover:not(.coming-soon){border-color:#6366f1;box-shadow:0 4px 12px #6366f126;transform:translateY(-2px)}.tool-type-card.coming-soon{position:relative}.tool-type-card.coming-soon:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.7);border-radius:12px;pointer-events:none}.tool-type-icon{font-size:48px;margin-bottom:16px}.tool-type-card h4{font-size:16px;font-weight:600;margin:0 0 8px;color:#1a1a1a}.tool-type-card p{font-size:13px;color:#6b7280;margin:0;line-height:1.5}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.modal-subtitle{margin-bottom:24px;color:#6b7280;font-size:14px}.tool-section{margin-bottom:32px}.tool-section:last-child{margin-bottom:0}.tool-section-title{font-size:14px;font-weight:600;color:#374151;margin-bottom:16px;display:flex;align-items:center;gap:8px}.tool-section-title i{color:#5a4fcf}.tool-section-hint{font-size:12px;font-weight:400;color:#6b7280}.coming-soon-badge{font-size:11px;margin-left:6px;color:#f59e0b;font-weight:500}.tool-type-card.tour-highlighted{border-color:#5a4fcf;box-shadow:0 0 0 3px #5a4fcf33,0 4px 12px #5a4fcf26;animation:tourPulse 2s ease-in-out infinite;position:relative}@keyframes tourPulse{0%,to{box-shadow:0 0 0 3px #5a4fcf33,0 4px 12px #5a4fcf26}50%{box-shadow:0 0 0 6px #5a4fcf26,0 4px 16px #5a4fcf40}}.tour-recommended-badge{display:inline-block;background:linear-gradient(135deg,#5A4FCF 0%,#7c3aed 100%);color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:10px;margin-left:8px;animation:badgeBounce 1s ease-in-out infinite}@keyframes badgeBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.modal-close-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#f3f4f6;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s;z-index:10}.modal-close-btn:hover{background:#e5e7eb;color:#1f2937}.modal-content.delete-modal{position:relative}.tour-button-wrapper{position:relative;display:inline-block}.tour-button-wrapper .btn{animation:tourPulse 2s ease-in-out infinite}.tour-button-arrow{position:absolute;top:-28px;left:50%;transform:translate(-50%);color:#5a4fcf;font-size:22px;animation:bouncePoint .8s ease-in-out infinite;display:flex;flex-direction:column;align-items:center;gap:2px}.tour-button-arrow i{animation:fingerPulse .8s ease-in-out infinite}@keyframes bouncePoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(4px)}}@keyframes fingerPulse{0%,to{opacity:1}50%{opacity:.7}}.tool-type-modal-v2{max-width:600px;width:95%;padding:0;border-radius:16px;overflow:hidden;position:relative}.tool-type-modal-v2 .modal-close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:rgba(255,255,255,.9);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s;z-index:10;box-shadow:0 2px 8px #0000001a}.tool-type-modal-v2 .modal-close-btn:hover{background:white;color:#1f2937;transform:scale(1.05)}.ttm-header{display:flex;align-items:center;gap:16px;padding:24px 24px 20px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e5e7eb}.ttm-header-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#5A4FCF 0%,#7c3aed 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #5a4fcf4d}.ttm-header-icon i{font-size:22px;color:#fff}.ttm-header-text h3{margin:0 0 4px;font-size:20px;font-weight:600;color:#1f2937}.ttm-header-text p{margin:0;font-size:14px;color:#6b7280}.ttm-body{padding:20px 24px 24px;max-height:65vh;overflow-y:auto}.ttm-tour-hint{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-radius:12px;margin-bottom:20px;border:1px solid #fcd34d}.ttm-tour-icon{width:32px;height:32px;border-radius:8px;background:#f59e0b;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ttm-tour-icon i{font-size:14px;color:#fff}.ttm-tour-hint strong{color:#92400e}.ttm-tour-hint .highlight{background:#fef3c7;padding:2px 6px;border-radius:4px;font-weight:600;color:#b45309}.ttm-section{margin-bottom:20px}.ttm-section:last-child{margin-bottom:0}.ttm-section-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-left:4px}.ttm-section-header i{font-size:11px;color:#9ca3af}.ttm-grid{display:flex;flex-direction:column;gap:10px}.ttm-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:white;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease}.ttm-card:hover{border-color:var(--card-color, #5A4FCF);background:var(--card-bg, #f8f7ff);transform:translate(4px);box-shadow:0 4px 12px #00000014}.ttm-card-icon{width:44px;height:44px;border-radius:12px;background:var(--card-bg, #f3f4f6);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.ttm-card-icon i{font-size:18px;color:var(--card-color, #5A4FCF)}.ttm-card:hover .ttm-card-icon{background:var(--card-color, #5A4FCF)}.ttm-card:hover .ttm-card-icon i{color:#fff}.ttm-card-content{flex:1;min-width:0}.ttm-card-title{font-size:15px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px;margin-bottom:2px}.ttm-card-desc{font-size:13px;color:#6b7280;margin:0 0 6px;line-height:1.4}.ttm-card-tags{display:flex;gap:6px}.ttm-tag{font-size:10px;font-weight:500;padding:2px 8px;background:#f3f4f6;color:#6b7280;border-radius:10px;text-transform:uppercase;letter-spacing:.3px}.ttm-card:hover .ttm-tag{background:rgba(255,255,255,.8);color:var(--card-color, #5A4FCF)}.ttm-card-arrow{color:#d1d5db;font-size:14px;transition:all .2s}.ttm-card:hover .ttm-card-arrow{color:var(--card-color, #5A4FCF);transform:translate(4px)}.ttm-recommended{font-size:10px;font-weight:600;padding:3px 8px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border-radius:10px;text-transform:uppercase;letter-spacing:.3px}.ttm-card.ttm-highlighted{border-color:var(--card-color, #5A4FCF);background:var(--card-bg, #f8f7ff);box-shadow:0 0 0 3px #ef444426;animation:ttmPulse 2s ease-in-out infinite}@keyframes ttmPulse{0%,to{box-shadow:0 0 0 3px #ef444426}50%{box-shadow:0 0 0 6px #ef44441a}}@media (max-width: 768px){.tabs{overflow-x:auto;flex-wrap:nowrap}.tab{white-space:nowrap;padding:10px 16px;font-size:13px}.tab span{display:none}.tool-type-grid{grid-template-columns:1fr;gap:12px}.tool-type-card{padding:16px}.tool-type-icon{font-size:36px;margin-bottom:12px}.tool-type-card h4{font-size:14px}.tool-type-card p{font-size:12px}.tool-description{max-width:150px;font-size:12px}.tool-name-cell{gap:6px}.tool-icon{font-size:16px}.tool-name{font-size:13px}.tool-type-badge{font-size:10px;padding:3px 8px}.tool-section-hint{display:none}.tool-type-modal{max-width:95%;margin:16px}}@media (max-width: 480px){.tab{padding:8px 12px}.tool-description{display:none}}@media (max-width: 640px){.tool-type-modal-v2{max-width:100%;margin:8px;border-radius:12px}.ttm-header{padding:20px 16px 16px}.ttm-header-icon{width:44px;height:44px}.ttm-header-icon i,.ttm-header-text h3{font-size:18px}.ttm-header-text p{font-size:13px}.ttm-body{padding:16px;max-height:70vh}.ttm-tour-hint{padding:12px;font-size:13px}.ttm-card{padding:12px}.ttm-card-icon{width:40px;height:40px}.ttm-card-icon i{font-size:16px}.ttm-card-title{font-size:14px}.ttm-card-desc{font-size:12px}.ttm-tag{font-size:9px;padding:2px 6px}.tool-type-modal-v2 .modal-close-btn{top:12px;right:12px;width:32px;height:32px}}.tools-card{background:#ffffff;border-radius:16px;box-shadow:0 2px 12px #0000000f;border:1px solid rgba(0,0,0,.04);overflow:hidden}.tools-card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#fafbfc 0%,#f5f7fa 100%)}.tools-card-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:10px}.tools-card-header h3 i{color:#f59e0b}.tools-card-header .tool-count{background:#f59e0b;color:#fff;font-size:12px;padding:4px 10px;border-radius:20px;font-weight:600}.tools-toolbar{display:flex;gap:12px;align-items:center}.tools-search{position:relative}.tools-search input{width:220px;padding:10px 40px 10px 16px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;background:white;transition:all .2s ease}.tools-search input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.tools-search input::-moz-placeholder{color:#9ca3af}.tools-search input::placeholder{color:#9ca3af}.tools-search i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.tools-tabs-inline{display:flex;gap:4px;background:#f3f4f6;padding:4px;border-radius:10px}.tools-tab-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.tools-tab-btn:hover{color:#374151;background:rgba(255,255,255,.5)}.tools-tab-btn.active{background:white;color:#1f2937;box-shadow:0 1px 3px #0000001a}.tools-tab-btn i{font-size:12px}.btn-add-tool{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #f59e0b4d}.btn-add-tool:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.tools-table{width:100%;border-collapse:collapse}.tools-table thead{background:#f8fafc}.tools-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}.tools-table td{padding:16px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.tools-table tbody tr{transition:all .2s ease}.tools-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.tools-table tbody tr:last-child td{border-bottom:none}.tool-info-cell{display:flex;align-items:center;gap:12px}.tool-name-details{display:flex;flex-direction:column;gap:2px}.tool-name-details .tool-name{font-weight:600;color:#1f2937;font-size:14px}.tool-name-details .tool-id{font-size:12px;color:#9ca3af}.tool-type-badge-modern{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500}.tool-type-badge-modern.badge-webhook{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1d4ed8}.tool-type-badge-modern.badge-call-control,.tool-type-badge-modern.badge-call-actions{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#b45309}.tool-type-badge-modern.badge-transfer{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);color:#6d28d9}.tool-type-badge-modern.badge-custom{background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);color:#4338ca}.tool-type-badge-modern.badge-form{background:linear-gradient(135deg,#fce7f3 0%,#fbcfe8 100%);color:#be185d}.tool-type-badge-modern.badge-kb{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46}.tool-type-badge-modern.badge-default{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);color:#4b5563}.tool-description-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#6b7280}.tool-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.tool-status-badge.active{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46}.tool-status-badge.active:before{content:"";width:8px;height:8px;background:#10b981;border-radius:50%;animation:statusPulse 2s ease-in-out infinite}.tool-status-badge.inactive{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);color:#6b7280}.tool-status-badge.inactive:before{content:"";width:8px;height:8px;background:#9ca3af;border-radius:50%}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.tool-actions{display:flex;gap:8px;justify-content:flex-start}.tool-action-btn{width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.tool-action-btn.edit{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#2563eb}.tool-action-btn.edit:hover{background:linear-gradient(135deg,#bfdbfe 0%,#93c5fd 100%);transform:translateY(-2px);box-shadow:0 4px 8px #2563eb33}.tool-action-btn.logs{background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);color:#4338ca}.tool-action-btn.logs:hover{background:linear-gradient(135deg,#c7d2fe 0%,#a5b4fc 100%);transform:translateY(-2px);box-shadow:0 4px 8px #4338ca33}.tool-action-btn.delete{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#dc2626}.tool-action-btn.delete:hover{background:linear-gradient(135deg,#fecaca 0%,#fca5a5 100%);transform:translateY(-2px);box-shadow:0 4px 8px #dc262633}.tools-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af}.tools-empty i{font-size:48px;margin-bottom:16px;opacity:.5}.tools-empty p{font-size:14px;margin:0;text-align:center;max-width:300px}@media (max-width: 1200px){.tools-toolbar{flex-wrap:wrap}.tools-search input{width:180px}.tools-tab-btn{padding:6px 12px;font-size:12px}}@media (max-width: 1024px){.tools-card-body{overflow-x:auto}.tools-table{min-width:700px}}@media (max-width: 768px){.tools-card-header{flex-direction:column;gap:16px;align-items:stretch}.tools-toolbar{width:100%;flex-wrap:wrap;gap:10px}.tools-search{flex:1;min-width:150px}.tools-search input{width:100%}.tools-tabs-inline{order:-1;width:100%;justify-content:center}.btn-add-tool{flex:1}.tools-card-body{overflow-x:auto;-webkit-overflow-scrolling:touch}.tools-table{min-width:600px}.tools-table th,.tools-table td{padding:10px 8px}.tools-table th:nth-child(3),.tools-table td:nth-child(3){display:none}.tool-actions{gap:4px}.tool-action-btn{width:28px;height:28px;font-size:11px}}@media (max-width: 480px){.tools-table{min-width:450px}.tool-action-btn{width:26px;height:26px;font-size:10px}}.tool-create-page{padding:24px;max-width:900px;margin:0 auto}.tool-create-page.full-width{max-width:100%}.tool-create-header{margin-bottom:32px}.btn-back{background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:8px 0;margin-bottom:16px;display:inline-flex;align-items:center;gap:8px;transition:color .2s}.btn-back:hover{color:#6366f1}.tool-create-header h1{font-size:28px;font-weight:600;margin:0;color:#1a1a1a}.tool-create-container{background:white;border-radius:12px;border:1px solid #e5e7eb;padding:32px}.tool-create-container:has(.kb-full-layout){background:transparent;border:none;padding:0}.tool-create-steps{display:flex;justify-content:space-between;margin-bottom:48px;position:relative}.tool-create-steps:before{content:"";position:absolute;top:20px;left:40px;right:40px;height:2px;background:#e5e7eb;z-index:0}.step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}.step-number{width:40px;height:40px;border-radius:50%;background:#f3f4f6;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s}.step.active .step-number{background:#6366f1;color:#fff}.step-label{font-size:13px;color:#9ca3af;font-weight:500}.step.active .step-label{color:#1a1a1a}.tool-form-section{animation:fadeIn .3s}.tool-form-section h2{font-size:20px;font-weight:600;margin:0 0 8px;color:#1a1a1a}.section-description{font-size:14px;color:#666;margin:0 0 24px;line-height:1.6}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-control{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s;font-family:inherit}.form-control:disabled{background:#f9fafb;cursor:not-allowed}textarea.form-control{resize:vertical;min-height:100px}select.form-control{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235A4FCF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:36px;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}select.form-control:hover{border-color:#5a4fcf;background-color:#fafafa}select.form-control:focus{outline:none;border-color:#5a4fcf;box-shadow:0 0 0 3px #5a4fcf26}select.form-control option{padding:10px;background:white;color:#374151}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.header-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:8px}.btn-icon{width:38px;height:38px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:8px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400;margin:0}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label span{color:#374151}.help-text{font-size:13px;color:#6b7280;margin-top:6px}.mt-2{margin-top:8px}.test-section{margin:32px 0;padding:20px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.test-result{margin-top:16px;padding:20px;border-radius:8px;font-size:14px}.test-result.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.test-result.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.test-result-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.1)}.test-result-header>div:first-child{display:flex;align-items:center;gap:8px}.test-result-meta{display:flex;align-items:center;gap:8px}.badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.3px}.badge-status{background:rgba(0,0,0,.1);color:inherit}.badge-time{background:rgba(0,0,0,.08);color:inherit}.test-error{margin-top:12px;padding:12px;background:rgba(0,0,0,.05);border-radius:6px;font-family:Monaco,Menlo,Courier New,monospace;font-size:13px;line-height:1.5;word-break:break-word}.error-message{margin-top:8px;font-family:monospace;font-size:12px}.test-details{margin-top:16px;display:flex;flex-direction:column;gap:16px}.test-details .test-section{margin:0;padding:16px;background:rgba(255,255,255,.5);border:1px solid rgba(0,0,0,.1)}.test-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.08)}.test-section-header strong{font-size:14px;display:flex;align-items:center;gap:6px}.btn-copy{background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:6px 12px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;color:inherit}.btn-copy:hover{background:rgba(0,0,0,.1);transform:translateY(-1px)}.btn-copy:active{transform:translateY(0)}.btn-copy i{font-size:11px}.test-section-body{display:flex;flex-direction:column;gap:10px;font-size:13px}.test-section-body>div{display:flex;gap:8px;line-height:1.6}.test-section-body strong{min-width:70px;font-weight:600;color:inherit}.test-section-body details{margin-top:4px;border:1px solid rgba(0,0,0,.1);border-radius:6px;overflow:hidden;background:rgba(255,255,255,.7)}.test-section-body summary{padding:10px 12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:600;background:rgba(0,0,0,.03);transition:background .2s;display:flex;align-items:center;gap:6px}.test-section-body summary:hover{background:rgba(0,0,0,.05)}.test-section-body summary::marker{content:"▶ ";font-size:10px}.test-section-body details[open] summary::marker{content:"▼ "}.test-section-body details pre{margin:0;padding:12px;background:rgba(0,0,0,.02);font-family:Monaco,Menlo,Courier New,monospace;font-size:12px;line-height:1.5;overflow-x:auto;color:inherit;border-top:1px solid rgba(0,0,0,.05)}.test-section-body details pre::-webkit-scrollbar{height:6px}.test-section-body details pre::-webkit-scrollbar-track{background:rgba(0,0,0,.05)}.test-section-body details pre::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}.test-section-body details pre::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.form-actions{display:flex;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb;justify-content:flex-end}.spinner-sm{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.btn-secondary .spinner-sm{border:2px solid rgba(0,0,0,.1);border-top-color:#1a1a1a}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-success:disabled{background:#6ee7b7;cursor:not-allowed}.tool-create-loading{text-align:center;padding:60px 20px}.tool-create-loading .spinner{border:3px solid #f3f4f6;border-top:3px solid #6366f1;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite;margin:0 auto 16px}.compact-form .two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compact-form .compact-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:16px;border-radius:12px}.compact-form .compact-header-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.compact-form .compact-header-icon i{font-size:20px;color:#fff}.compact-form .compact-header h2{margin:0;font-size:18px;color:#1f2937}.compact-form .compact-header p{margin:2px 0 0;font-size:13px;color:#6b7280}.compact-form .capabilities-compact{background:#f9fafb;border-radius:10px;padding:12px}.compact-form .capabilities-compact h4{margin:0 0 8px;font-size:12px;color:#6b7280;font-weight:500}.compact-form .capabilities-tags{display:flex;flex-wrap:wrap;gap:6px}.compact-form .cap-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:white;border-radius:6px;font-size:11px;color:#374151}.compact-form .cap-tag i{font-size:10px}.compact-form .form-fields-compact{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.compact-form .field-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#ede9fe;color:#5b21b6;border-radius:20px;font-size:12px}.compact-form .field-chip .required{color:#dc2626;font-weight:700}.kb-full-layout{display:flex;flex-direction:column;gap:24px}.kb-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.kb-section-title{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 16px;display:flex;align-items:center;gap:8px}.kb-section-title i{font-size:14px}.kb-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.kb-three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.kb-prompt-section{background:#fafbfc;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.kb-prompt-section .form-control{min-height:140px;resize:vertical;font-size:13px;line-height:1.6;font-family:Monaco,Menlo,Courier New,monospace;background:#fff}.kb-prompt-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.kb-prompt-label label{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:0;display:flex;align-items:center;gap:6px}.kb-advanced-toggle{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;color:#374151;transition:all .2s;width:100%;text-align:left}.kb-advanced-toggle:hover{background:#f3f4f6;border-color:#d1d5db}.kb-advanced-toggle i{transition:transform .2s;font-size:12px;color:#6b7280}.kb-advanced-toggle i.rotated{transform:rotate(90deg)}.kb-advanced-content{margin-top:16px}.kb-select-list{max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px}.kb-select-item{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .15s}.kb-select-item:last-child{border-bottom:none}.kb-select-item:hover{background:#fdf2f8}.kb-select-item.selected{background:#fce7f3}.kb-select-item-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-right:10px;flex-shrink:0}.kb-select-item-info{flex:1;min-width:0}.kb-select-item-name{font-size:13px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kb-select-item-meta{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kb-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.kb-footer-left{display:flex;align-items:center;gap:16px}.kb-footer-right{display:flex;align-items:center;gap:12px}@media (max-width: 768px){.tool-create-page{padding:16px}.tool-create-container{padding:20px}.kb-two-col,.kb-three-col{grid-template-columns:1fr}.kb-footer{flex-direction:column;gap:12px}.kb-footer-right{width:100%}.kb-footer-right .btn{flex:1}.tool-create-steps:before{left:20px;right:20px}.form-row,.header-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.compact-form .two-col-grid{grid-template-columns:1fr}.compact-form .compact-header{padding:12px}.compact-form .compact-header-icon{width:40px;height:40px}.compact-form .compact-header-icon i{font-size:18px}.compact-form .compact-header h2{font-size:16px}.compact-form .compact-header p{font-size:12px}.compact-form .capabilities-compact{margin-top:12px}}.variable-helper{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:16px}.variable-helper h4{font-size:16px;font-weight:600;color:#1a202c;margin:0 0 16px}.variable-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.variable-category{background:white;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.variable-category strong{display:block;font-size:14px;color:#2d3748;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.variable-category p{font-size:12px;color:#718096;margin:8px 0}.variable-category button{background:#edf2f7;border:1px solid #cbd5e0;color:#2d3748;font-size:12px;font-family:Monaco,Courier New,monospace;padding:6px 10px;border-radius:6px;margin:4px 4px 4px 0;cursor:pointer;transition:all .2s}.variable-category button:hover{background:#e2e8f0;border-color:#a0aec0;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.variable-category button:active{transform:translateY(0)}.variable-category code{background:#2d3748;color:#f7fafc;padding:3px 6px;border-radius:4px;font-size:11px;font-family:Monaco,Courier New,monospace}.code-editor{background:#1e293b!important;color:#e2e8f0!important;border:1px solid #334155!important;line-height:1.6}.code-editor:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f126!important}.code-editor::-moz-placeholder{color:#64748b}.code-editor::placeholder{color:#64748b}.prerequisite-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:16px;transition:all .2s}.prerequisite-card:hover{border-color:#cbd5e0;box-shadow:0 4px 6px #0000000d}.prerequisite-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.prerequisite-header h4{font-size:16px;font-weight:600;color:#2d3748;margin:0}.prerequisite-card .form-group{margin-bottom:16px}.prerequisite-card .form-group:last-child{margin-bottom:0}.prerequisite-card .form-row{gap:12px;margin-bottom:16px}.prerequisite-card label{font-size:13px;font-weight:500;color:#4a5568}.btn-link{background:none;border:none;color:#6366f1;cursor:pointer;padding:4px 8px;font-size:14px;text-decoration:none;transition:all .2s}.btn-link:hover{color:#4f46e5;text-decoration:underline}.btn-link i{font-size:13px}.info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:16px;margin-bottom:24px;display:flex;gap:12px;align-items:flex-start}.info-box i{color:#3b82f6;font-size:20px;margin-top:2px;flex-shrink:0}.info-content{flex:1}.info-content strong{display:block;font-size:14px;color:#1e40af;margin-bottom:6px}.info-content p{font-size:13px;color:#1e3a8a;margin:0;line-height:1.6}.feature-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-top:24px}.feature-list h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.feature-list ul{margin:0;padding:0 0 0 20px;list-style:none}.feature-list li{font-size:13px;color:#4b5563;margin-bottom:8px;line-height:1.6;display:flex;align-items:flex-start;gap:8px}.feature-list li:last-child{margin-bottom:0}.feature-list li:before{content:"✓";color:#10b981;font-weight:700;font-size:16px}.tool-header-card{display:flex;align-items:center;gap:20px;padding:24px;border-radius:12px;margin-bottom:28px}.tool-header-card.end-call{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1px solid #fecaca}.tool-header-card.transfer{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe}.tool-header-card.form{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #bbf7d0}.tool-header-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-header-card.end-call .tool-header-icon{background:#ef4444;color:#fff;font-size:24px}.tool-header-card.transfer .tool-header-icon{background:#3b82f6;color:#fff;font-size:24px}.tool-header-card.form .tool-header-icon{background:#22c55e;color:#fff;font-size:24px}.tool-header-content h2{font-size:22px;font-weight:600;margin:0 0 6px}.tool-header-card.end-call .tool-header-content h2{color:#991b1b}.tool-header-card.transfer .tool-header-content h2{color:#1e40af}.tool-header-content p{font-size:14px;margin:0;line-height:1.5}.tool-header-card.end-call .tool-header-content p{color:#b91c1c}.tool-header-card.transfer .tool-header-content p{color:#1d4ed8}.tool-header-card.form .tool-header-content h2{color:#166534}.tool-header-card.form .tool-header-content p{color:#15803d}.feature-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin:24px 0}.feature-card h4{font-size:15px;font-weight:600;color:#374151;margin:0 0 16px;display:flex;align-items:center;gap:8px}.feature-card h4 i{color:#10b981}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:white;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;color:#4b5563}.feature-item i{color:#6366f1;font-size:16px;width:20px;text-align:center}.loading-state{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#6b7280}.label-with-action{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.label-with-action label{margin-bottom:0}.btn-reset{background:none;border:1px solid #d1d5db;color:#6b7280;font-size:12px;padding:4px 10px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s}.btn-reset:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.btn-reset i{font-size:11px}.capabilities-section{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin:24px 0}.capabilities-section.transfer{background:linear-gradient(135deg,#eff6ff 0%,#e0f2fe 100%);border-color:#bfdbfe}.capabilities-section.form{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#bbf7d0}.capabilities-section h4{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 20px}.capabilities-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.capability-item{display:flex;align-items:flex-start;gap:14px;padding:16px;background:white;border-radius:12px;box-shadow:0 1px 3px #00000014;transition:all .2s}.capability-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.capability-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.capability-icon.goodbye{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#d97706}.capability-icon.farewell{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#2563eb}.capability-icon.tts{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#059669}.capability-icon.disconnect{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#dc2626}.capability-icon.detect{background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);color:#4f46e5}.capability-icon.inform{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#2563eb}.capability-icon.switch{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#059669}.capability-icon.context{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#d97706}.capability-icon.listen{background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);color:#4f46e5}.capability-icon.extract{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#059669}.capability-icon.validate{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#2563eb}.capability-icon.save{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#d97706}.capability-text{display:flex;flex-direction:column;gap:4px}.capability-text strong{font-size:14px;font-weight:600;color:#1e293b}.capability-text span{font-size:12px;color:#64748b;line-height:1.4}@media (max-width: 600px){.feature-grid,.capabilities-list{grid-template-columns:1fr}.tool-header-card{flex-direction:column;text-align:center}.tool-header-content h2{font-size:20px}.label-with-action{flex-direction:column;align-items:flex-start;gap:8px}}.empty-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;text-align:center;gap:8px}.empty-state-card i{font-size:36px;color:#9ca3af;margin-bottom:8px}.empty-state-card p{font-size:16px;font-weight:600;color:#374151;margin:0}.empty-state-card span{font-size:13px;color:#6b7280;margin-bottom:12px}.selected-form-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:24px}.selected-form-preview h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 14px;display:flex;align-items:center;gap:8px}.selected-form-preview h4 i{color:#22c55e}.form-fields-grid{display:flex;flex-wrap:wrap;gap:8px}.field-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:white;border:1px solid #e5e7eb;border-radius:20px;font-size:13px;color:#374151;font-weight:500}.field-tag i{font-size:11px;color:#22c55e}.field-tag .required-badge{color:#ef4444;font-weight:700;margin-left:2px}.log-section{margin-bottom:24px;padding:20px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.log-section h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 16px}.log-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.log-section-header h3{margin:0}.btn-copy{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-copy:hover{background:#f3f4f6;border-color:#9ca3af}.log-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.log-info-item{display:flex;flex-direction:column;gap:4px}.log-info-item strong{font-size:12px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.log-info-item span{font-size:14px;color:#1a1a1a}.log-details{display:flex;flex-direction:column;gap:12px}.log-detail-item{display:flex;gap:12px}.log-detail-item strong{min-width:120px;font-size:13px;font-weight:600;color:#374151}.log-detail-item span{font-size:13px;color:#1a1a1a;word-break:break-word}.log-details details{margin-top:8px;border:1px solid rgba(0,0,0,.1);border-radius:6px;background:rgba(255,255,255,.7);overflow:hidden}.log-details summary{padding:10px 12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:600;font-size:13px;background:rgba(0,0,0,.03);transition:background .2s}.log-details summary:hover{background:rgba(0,0,0,.05)}.log-details details pre{margin:0;padding:12px;background:rgba(0,0,0,.02);font-family:Monaco,Menlo,Courier New,monospace;font-size:12px;line-height:1.5;overflow-x:auto;color:#1a1a1a;border-top:1px solid rgba(0,0,0,.05)}.log-error{padding:16px;background:rgba(239,68,68,.05);border-radius:6px;border:1px solid rgba(239,68,68,.2)}.log-error pre{margin-top:8px;padding:12px;background:rgba(0,0,0,.03);border-radius:4px;font-family:monospace;font-size:12px;line-height:1.5;color:#991b1b}.report-filters{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;margin-bottom:20px;background:linear-gradient(135deg,#f8f9ff 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:12px;gap:16px}.filters-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:1}.filter-dropdown{padding:10px 36px 10px 14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:14px;color:#374151;min-width:140px;white-space:nowrap;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235A4FCF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.filter-dropdown:hover{border-color:#5a4fcf;background-color:#fafafa}.filter-dropdown:focus{outline:none;border-color:#5a4fcf;box-shadow:0 0 0 3px #5a4fcf26}.filter-dropdown option{padding:10px;background:white;color:#374151}input.filter-dropdown{background-image:none;padding-right:14px}.filter-input-wide{min-width:200px}.webhook-tool-cell{display:flex;flex-direction:column;gap:2px}.webhook-tool-name{font-size:14px;font-weight:500;color:#1f2937}.webhook-tool-id{font-size:12px;color:#6b7280}.webhook-url-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.method-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.method-badge.post{background:#dbeafe;color:#1e40af}.method-badge.get{background:#dcfce7;color:#15803d}.method-badge.put{background:#fef3c7;color:#a16207}.method-badge.delete{background:#fee2e2;color:#b91c1c}.method-badge.patch{background:#e9d5ff;color:#7c3aed}.type-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600}.type-badge.test{background:#fef3c7;color:#a16207}.type-badge.prod{background:#dbeafe;color:#1e40af}.status-code{margin-left:8px;font-size:12px;color:#6b7280}.state-icon{font-size:32px;margin-bottom:16px}.state-icon.error{color:#dc2626}.state-icon.empty{color:#9ca3af}.state-hint{font-size:14px;color:#9ca3af}@media (max-width: 768px){.log-info-grid{grid-template-columns:1fr}.report-filters{flex-direction:column;gap:12px;padding:14px}.filters-left{justify-content:flex-start;gap:8px;width:100%}.filter-dropdown{min-width:120px;padding:9px 32px 9px 12px;font-size:13px}input.filter-dropdown{flex:1;min-width:100%}}@media (max-width: 480px){.report-filters{padding:12px;gap:10px}.filters-left{gap:6px}.filter-dropdown{min-width:100px;padding:8px 28px 8px 10px;font-size:12px}}.card-description{color:var(--text-secondary);font-size:13px;margin-bottom:16px}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.action-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.action-type-option{padding:16px;border:2px solid var(--border-color);border-radius:10px;cursor:pointer;text-align:center;transition:all .2s}.action-type-option:hover{border-color:var(--primary-color)}.action-type-option.selected{border-color:var(--primary-color);background:rgba(99,102,241,.05)}.action-type-option i{font-size:24px;color:var(--primary-color);margin-bottom:8px}.action-type-option .type-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.action-type-option .type-desc{display:block;font-size:11px;color:var(--text-tertiary);line-height:1.3}.config-section{margin-top:-8px}.config-section h4{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.config-section h4 i{color:var(--primary-color)}.form-fields-list{margin-bottom:20px}.form-fields-list label{display:block;font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.form-field-row{display:flex;gap:8px;margin-bottom:8px}.form-field-row input{flex:1;padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:13px;background:var(--bg-primary);color:var(--text-primary)}.btn-remove{width:32px;height:32px;border:none;border-radius:6px;background:rgba(239,68,68,.1);color:#ef4444;cursor:pointer;flex-shrink:0}.btn-remove:hover{background:rgba(239,68,68,.2)}.btn-add-field{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;border:1px dashed var(--border-color);border-radius:6px;background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.btn-add-field:hover{border-color:var(--primary-color);color:var(--primary-color)}.page-rules-list{margin-bottom:16px}.page-rule-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-secondary);border-radius:6px;margin-bottom:8px}.rule-info{display:flex;flex-direction:column;gap:4px}.rule-info code{font-family:monospace;font-size:13px;color:var(--text-primary)}.rule-selector{font-size:11px;color:var(--text-tertiary)}.empty-rules{display:flex;align-items:center;gap:8px;padding:20px;background:rgba(16,185,129,.05);border:1px dashed rgba(16,185,129,.3);border-radius:8px;color:#10b981;font-size:13px;justify-content:center}.add-rule-form{display:flex;gap:8px}.add-rule-form input{flex:1;padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:13px;background:var(--bg-primary);color:var(--text-primary)}.btn-add{width:36px;height:36px;border:none;border-radius:6px;background:var(--primary-color);color:#fff;cursor:pointer;flex-shrink:0}.btn-add:hover{background:var(--primary-hover)}.config-section{margin-top:0}.config-section .form-builder-group{margin-bottom:16px}.config-section .form-builder-group:last-child{margin-bottom:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;text-align:center}.loading-container i{font-size:32px;color:var(--primary-color);margin-bottom:16px}.loading-container p{color:var(--text-secondary)}.agents-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.agent-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;background:var(--bg-primary)}.agent-item:hover{border-color:var(--primary-color);background:rgba(99,102,241,.02)}.agent-item.selected{border-color:var(--primary-color);background:rgba(99,102,241,.05)}.agent-checkbox{font-size:18px;color:var(--text-tertiary)}.agent-item.selected .agent-checkbox{color:var(--primary-color)}.agent-info{flex:1;display:flex;flex-direction:column;gap:2px}.agent-name{font-size:14px;font-weight:500;color:var(--text-primary)}.agent-desc{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading-agents,.empty-agents{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;color:var(--text-tertiary);font-size:13px}.loading-agents i,.empty-agents i{font-size:18px}.selected-count{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-top:12px;background:rgba(16,185,129,.1);border-radius:6px;color:#10b981;font-size:13px;font-weight:500}@media (max-width: 900px){.form-layout{grid-template-columns:1fr}.action-type-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.action-type-grid{grid-template-columns:1fr}.add-rule-form{flex-direction:column}.add-rule-form .btn-add{width:100%}}.input-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.input-modal-content{background-color:#fff;margin:2% auto;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d;animation:modalFadeIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.input-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid #e0e6ed;background-color:#f9fafb}.input-modal-title{color:#333;font-size:20px;font-weight:600;margin:0}.input-modal-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.input-modal-close:hover{background:#f0f0f0;color:#333}.input-modal-body{padding:24px}.input-modal-message{margin-bottom:20px;color:#374151;line-height:1.6;white-space:pre-line;font-size:14px}.input-modal-input{width:100%;padding:12px 16px;border:2px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s;box-sizing:border-box;font-family:Monaco,Menlo,Ubuntu Mono,monospace;letter-spacing:.5px}.input-modal-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-modal-input.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.input-modal-error{display:flex;align-items:center;gap:8px;margin-top:12px;color:#dc2626;font-size:14px;font-weight:500}.input-modal-footer{display:flex;justify-content:flex-end;gap:12px;border-top:0px solid #f3f4f6;background:transparent;padding:0 24px 24px}.input-modal-footer .btn:disabled{opacity:.5;cursor:not-allowed}.input-modal-footer .btn:disabled:hover{transform:none;box-shadow:none}:root{--kb-primary: #1976d2;--kb-primary-light: #e3f2fd;--kb-primary-dark: #1565c0;--kb-success: #2e7d32;--kb-success-light: #e8f5e9;--kb-warning: #ed6c02;--kb-warning-light: #fff3e0;--kb-error: #d32f2f;--kb-error-light: #ffebee;--kb-info: #0288d1;--kb-info-light: #e1f5fe;--kb-grey-50: #fafafa;--kb-grey-100: #f5f5f5;--kb-grey-200: #eeeeee;--kb-grey-300: #e0e0e0;--kb-grey-400: #bdbdbd;--kb-grey-500: #9e9e9e;--kb-grey-600: #757575;--kb-grey-700: #616161;--kb-grey-800: #424242;--kb-grey-900: #212121;--kb-text-primary: #212121;--kb-text-secondary: #757575;--kb-background: #f5f7fa;--kb-surface: #ffffff;--kb-shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--kb-shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--kb-radius-sm: 8px;--kb-radius-md: 12px;--kb-radius-lg: 16px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.kb-view-container{width:100%;padding:0 24px 24px;display:flex;flex-direction:column;gap:16px;background:var(--kb-background);min-height:calc(100vh - 140px)}.kb-card{background:var(--kb-surface);border-radius:10px;box-shadow:var(--kb-shadow-sm);border:1px solid var(--kb-grey-200);padding:16px;min-width:0;overflow:hidden}.kb-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:12px}.kb-section-header-left{display:flex;align-items:center;gap:10px}.kb-section-icon{width:32px;height:32px;border-radius:8px;background:var(--kb-primary-light);color:var(--kb-primary);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.kb-section-title{margin:0;font-size:16px;font-weight:600;color:var(--kb-text-primary);letter-spacing:-.2px}.kb-section-subtitle{margin:2px 0 0;font-size:12px;color:var(--kb-text-secondary)}.kb-stat-box{background:var(--kb-primary-light);border-radius:8px;padding:12px;text-align:center;min-width:80px;flex:1}.kb-stat-box.success{background:var(--kb-success-light)}.kb-stat-box.warning{background:var(--kb-warning-light)}.kb-stat-box.error{background:var(--kb-error-light)}.kb-stat-box.info{background:var(--kb-info-light)}.kb-stat-box.grey{background:var(--kb-grey-100)}.kb-stat-value{font-size:22px;font-weight:700;line-height:1.2;color:var(--kb-primary)}.kb-stat-box.success .kb-stat-value{color:var(--kb-success)}.kb-stat-box.warning .kb-stat-value{color:var(--kb-warning)}.kb-stat-box.error .kb-stat-value{color:var(--kb-error)}.kb-stat-box.info .kb-stat-value{color:var(--kb-info)}.kb-stat-box.grey .kb-stat-value{color:var(--kb-grey-600)}.kb-stat-label{font-size:11px;color:var(--kb-text-secondary);margin-top:4px;font-weight:500}.pipeline-container{display:flex;align-items:stretch;gap:0;background:var(--kb-grey-50);border-radius:10px;padding:16px;border:1px solid var(--kb-grey-200);overflow-x:auto}.pipeline-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 6px;min-width:90px}.pipeline-step-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;margin-bottom:10px;border:2px solid;flex-shrink:0}.pipeline-step-icon.completed{background:var(--kb-success-light);color:var(--kb-success);border-color:var(--kb-success)}.pipeline-step-icon.processing{background:var(--kb-primary-light);color:var(--kb-primary);border-color:var(--kb-primary)}.pipeline-step-icon.pending{background:var(--kb-warning-light);color:var(--kb-warning);border-color:var(--kb-warning)}.pipeline-step-icon.error{background:var(--kb-error-light);color:var(--kb-error);border-color:var(--kb-error)}.pipeline-step-icon.not-started{background:var(--kb-grey-100);color:var(--kb-grey-500);border-color:var(--kb-grey-400)}.pipeline-spinner{width:20px;height:20px;border:2px solid var(--kb-grey-300);border-top:2px solid var(--kb-primary);border-radius:50%;animation:spin 1s linear infinite}.pipeline-step-name{font-size:14px;font-weight:600;color:var(--kb-text-primary);margin-bottom:4px}.pipeline-step-status{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px}.pipeline-step-status.completed{color:var(--kb-success)}.pipeline-step-status.processing{color:var(--kb-primary)}.pipeline-step-status.pending{color:var(--kb-warning)}.pipeline-step-status.error{color:var(--kb-error)}.pipeline-step-status.not-started{color:var(--kb-grey-500)}.pipeline-step-count{background:var(--kb-primary);color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.pipeline-step-count.zero{background:var(--kb-grey-300)}.pipeline-connector{display:flex;align-items:center;padding:0 4px;flex-shrink:0}.pipeline-connector-line{width:24px;height:2px;background:var(--kb-grey-300)}.pipeline-connector-line.completed{background:var(--kb-success)}.pipeline-connector-arrow{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid var(--kb-grey-300)}.pipeline-connector-arrow.completed{border-left-color:var(--kb-success)}.kb-refresh-btn{background:var(--kb-grey-100);border:1px solid var(--kb-grey-300);border-radius:var(--kb-radius-sm);padding:8px 14px;cursor:pointer;font-size:13px;color:var(--kb-text-secondary);font-weight:500;display:flex;align-items:center;gap:6px;transition:all .2s}.kb-refresh-btn:hover{background:var(--kb-grey-200);border-color:var(--kb-grey-400)}.kb-live-badge{display:flex;align-items:center;gap:8px;background:var(--kb-primary-light);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:var(--kb-primary)}.kb-live-dot{width:8px;height:8px;background:var(--kb-primary);border-radius:50%;animation:pulse 1.5s infinite}.kb-progress-header{display:flex;justify-content:space-between;margin-bottom:6px;font-size:12px}.kb-progress-label{color:var(--kb-text-secondary)}.kb-progress-value{font-weight:600;color:var(--kb-text-primary)}.kb-progress-bar{background:var(--kb-grey-200);border-radius:4px;height:6px;overflow:hidden}.kb-progress-fill{height:100%;width:var(--progress-width, 0%);background:linear-gradient(90deg,var(--kb-primary),var(--kb-info));border-radius:4px;transition:width .5s ease}.kb-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.kb-failure-box{margin-top:16px;padding:12px;background-color:#fef2f2;border:1px solid #FCA5A5;border-radius:8px}.kb-failure-title{font-size:13px;font-weight:600;color:#991b1b;margin-bottom:8px;display:flex;align-items:center;gap:6px}.kb-failure-list{list-style:none;padding:0;margin:0}.kb-failure-item{font-size:12px;color:#7f1d1d;margin-top:4px;padding-left:22px}.kb-failure-item-count{color:#b91c1c;font-weight:600}.kb-failure-note{font-size:11px;color:#991b1b;margin-top:8px;font-style:italic;padding-left:22px}.kb-failure-breakdown{background:#fff3e0;border-left:4px solid #ef6c00;border-radius:var(--kb-radius-sm);padding:12px 16px;margin-bottom:16px}.kb-failure-breakdown-title{font-size:13px;font-weight:600;color:#e65100;margin-bottom:8px}.kb-failure-breakdown-items{display:flex;gap:16px;flex-wrap:wrap}.kb-current-url{background:var(--kb-grey-50);border-radius:var(--kb-radius-sm);padding:12px 16px;margin-bottom:16px;border:1px solid var(--kb-grey-200)}.kb-current-url-label{font-size:11px;color:var(--kb-text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.kb-current-url-value{font-size:13px;color:var(--kb-text-primary);word-break:break-all;font-family:monospace}.kb-action-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.kb-btn-primary{background:var(--kb-primary-light);border:none;color:var(--kb-primary);padding:10px 16px;border-radius:var(--kb-radius-sm);cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .2s}.kb-btn-primary:hover{background:var(--kb-primary);color:#fff}.kb-timestamp{font-size:12px;color:var(--kb-text-secondary)}.kb-charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.kb-chart-box{background:var(--kb-grey-50);border-radius:var(--kb-radius-sm);padding:20px;border:1px solid var(--kb-grey-200)}.kb-chart-title{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--kb-text-primary)}.kb-chart-container{height:220px}.kb-chart-empty{height:100%;display:flex;align-items:center;justify-content:center;color:var(--kb-text-secondary);font-size:14px}.kb-search-bar{display:flex;gap:12px;margin-bottom:24px}.kb-search-input-wrapper{position:relative;flex:1}.kb-search-input{width:100%;padding:12px 16px 12px 44px;border:1px solid var(--kb-grey-300);border-radius:var(--kb-radius-sm);font-size:14px;outline:none;transition:border-color .2s;background:var(--kb-grey-50)}.kb-search-input:focus{border-color:var(--kb-primary);box-shadow:0 0 0 3px #1976d226}.kb-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--kb-text-secondary)}.kb-search-btn{background:var(--kb-primary);color:#fff;border:none;padding:12px 24px;border-radius:var(--kb-radius-sm);cursor:pointer;font-size:14px;font-weight:600;transition:background .2s}.kb-search-btn:hover{background:var(--kb-primary-dark)}.kb-chunks-list{display:flex;flex-direction:column;gap:12px}.kb-chunk-item{background:var(--kb-grey-50);border:1px solid var(--kb-grey-200);border-radius:var(--kb-radius-sm);padding:16px}.kb-chunk-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;flex-wrap:wrap;gap:8px}.kb-chunk-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.kb-chunk-number{background:var(--kb-primary-light);color:var(--kb-primary);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.kb-chunk-topic{background:var(--kb-info-light);color:var(--kb-info);padding:2px 8px;border-radius:4px;font-size:11px}.kb-chunk-meta{display:flex;align-items:center;gap:8px}.kb-chunk-tokens{font-size:11px;color:var(--kb-text-secondary)}.kb-chunk-expand-btn{background:var(--kb-primary-light);color:var(--kb-primary);border:none;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:11px;font-weight:500;display:flex;align-items:center;gap:4px;transition:all .2s ease}.kb-chunk-expand-btn:hover{background:var(--kb-primary);color:#fff}.kb-chunk-text{margin:0;font-size:13px;line-height:1.6;color:var(--kb-text-primary);max-height:100px;overflow:hidden}.kb-chunk-source{display:flex;align-items:center;gap:6px;margin-top:10px;padding:8px 10px;font-size:12px;color:var(--kb-text-secondary);background:var(--kb-grey-50);border-radius:var(--kb-radius-sm);border:1px solid var(--kb-grey-100)}.kb-chunk-source .kb-source-label{color:var(--kb-text-tertiary);font-weight:500;flex-shrink:0}.kb-chunk-source .kb-source-name{color:var(--kb-text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:350px}.kb-source-verify-link{display:inline-flex;align-items:center;gap:4px;color:var(--kb-primary);text-decoration:none;font-weight:500;font-size:11px;padding:3px 8px;border-radius:var(--kb-radius-sm);background:var(--kb-primary-light);margin-left:auto;flex-shrink:0;transition:all .2s ease}.kb-source-verify-link:hover{background:var(--kb-primary);color:#fff}.kb-source-verify-link svg{flex-shrink:0}.kb-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px}.kb-pagination-btn{background:var(--kb-primary);color:#fff;border:none;padding:8px 16px;border-radius:var(--kb-radius-sm);cursor:pointer;font-size:13px;font-weight:500;transition:background .2s}.kb-pagination-btn:hover:not(:disabled){background:var(--kb-primary-dark)}.kb-pagination-btn:disabled{background:var(--kb-grey-100);color:var(--kb-text-secondary);cursor:not-allowed}.kb-pagination-info{font-size:13px;color:var(--kb-text-secondary);padding:0 16px}.kb-empty-state{text-align:center;padding:40px;color:var(--kb-text-secondary)}.kb-pagination-showing{margin-bottom:16px;font-size:13px;color:var(--kb-text-secondary)}.kb-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000}.kb-modal{background:var(--kb-surface);border-radius:var(--kb-radius-lg);width:90%;max-width:700px;max-height:80vh;overflow:hidden;box-shadow:var(--kb-shadow-md)}.kb-modal.large{max-width:900px;max-height:85vh}.kb-modal-header{padding:20px 24px;border-bottom:1px solid var(--kb-grey-200);display:flex;justify-content:space-between;align-items:center}.kb-modal-title{margin:0;font-size:18px;font-weight:600;color:var(--kb-text-primary)}.kb-modal-subtitle{margin:4px 0 0;font-size:13px;color:var(--kb-text-secondary)}.kb-modal-close{background:var(--kb-grey-100);border:none;border-radius:var(--kb-radius-sm);padding:8px 12px;cursor:pointer;font-size:16px;transition:background .2s}.kb-modal-close:hover{background:var(--kb-grey-200)}.kb-modal-body{padding:20px 24px;max-height:calc(80vh - 120px);overflow-y:auto}.kb-url-list{display:flex;flex-direction:column;gap:8px}.kb-url-item{background:var(--kb-grey-50);border:1px solid var(--kb-grey-200);border-radius:var(--kb-radius-sm);padding:12px;display:flex;align-items:center;gap:12px}.kb-url-number{background:var(--kb-primary-light);color:var(--kb-primary);padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;flex-shrink:0}.kb-url-content{flex:1;min-width:0}.kb-url-text{font-size:13px;color:var(--kb-text-primary);word-break:break-all}.kb-url-title{font-size:12px;color:var(--kb-text-secondary);margin-top:2px}.kb-load-more-btn{background:var(--kb-primary);color:#fff;border:none;padding:12px;border-radius:var(--kb-radius-sm);cursor:pointer;font-size:13px;font-weight:500;margin-top:8px;width:100%;transition:background .2s}.kb-load-more-btn:hover{background:var(--kb-primary-dark)}.kb-header-actions{display:flex;gap:8px}.kb-btn-back{background:var(--kb-grey-100);color:var(--kb-text-primary);border:1px solid var(--kb-grey-300);padding:8px 16px;border-radius:var(--kb-radius-sm);cursor:pointer;font-size:13px;transition:all .2s}.kb-btn-back:hover{background:var(--kb-grey-200)}.kb-btn-edit{background:var(--kb-primary);color:#fff;border:none;padding:8px 16px;border-radius:var(--kb-radius-sm);cursor:pointer;font-size:13px;transition:background .2s}.kb-btn-edit:hover{background:var(--kb-primary-dark)}.kb-loading-container{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--kb-background)}.kb-loading-content{text-align:center}.kb-loading-icon{font-size:48px;margin-bottom:16px}.kb-loading-text{font-size:16px;color:var(--kb-text-secondary)}.kb-error-container{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--kb-background)}.kb-error-content{text-align:center}.kb-error-icon{font-size:48px;margin-bottom:16px}.kb-error-message{font-size:16px;color:var(--kb-error);margin-bottom:16px}.kb-error-btn{background:var(--kb-primary);color:#fff;border:none;padding:12px 24px;border-radius:var(--kb-radius-sm);cursor:pointer;font-size:14px}.kb-chunks-badge{background:var(--kb-primary-light);color:var(--kb-primary);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}@media (max-width: 1024px){.kb-charts-grid{grid-template-columns:1fr}.kb-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.kb-view-container{padding:0 16px 16px;gap:16px}.kb-card{padding:16px}.kb-section-header{margin-bottom:16px}.kb-section-icon{width:36px;height:36px;font-size:18px}.kb-section-title{font-size:18px}.pipeline-container{flex-direction:column;align-items:stretch;gap:0;padding:16px;overflow-x:visible}.pipeline-step{flex-direction:row;align-items:center;text-align:left;padding:12px 0;min-width:auto;gap:12px}.pipeline-step-icon{width:40px;height:40px;font-size:16px;margin-bottom:0}.pipeline-step-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.pipeline-step-name{font-size:13px;margin-bottom:0}.pipeline-step-status{font-size:10px;margin-bottom:0}.pipeline-step-count{font-size:11px;padding:3px 8px}.pipeline-connector{flex-direction:column;padding:0;margin-left:19px;height:20px}.pipeline-connector-line{width:2px;height:20px}.pipeline-connector-arrow{display:none}.kb-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.kb-stat-value{font-size:22px}.kb-stat-label{font-size:11px}.kb-search-bar{flex-direction:column}.kb-search-btn{width:100%}.kb-chunk-header{flex-direction:column;align-items:flex-start}.kb-chunk-meta{width:100%;justify-content:space-between}.kb-modal{width:95%;max-height:90vh}.kb-modal-body{max-height:calc(90vh - 100px)}.kb-header-actions{flex-wrap:wrap}.kb-btn-back,.kb-btn-edit{flex:1;text-align:center;justify-content:center}.kb-action-row{flex-direction:column;align-items:stretch}.kb-btn-primary{justify-content:center}}.kb-chunk-modal{background:var(--kb-surface);border-radius:var(--kb-radius-lg);width:90%;max-width:900px;max-height:85vh;overflow:hidden;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column}.kb-chunk-modal-header{padding:20px 24px;border-bottom:1px solid var(--kb-grey-200);display:flex;justify-content:space-between;align-items:flex-start;background:var(--kb-grey-50)}.kb-chunk-modal-header-content{flex:1;min-width:0}.kb-chunk-modal-badges{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.kb-badge{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600}.kb-badge.primary{background:var(--kb-primary-light);color:var(--kb-primary)}.kb-badge.info{background:var(--kb-info-light);color:var(--kb-info)}.kb-badge.success{background:var(--kb-success-light);color:var(--kb-success)}.kb-chunk-modal-source{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--kb-text-secondary);background:var(--kb-grey-100);padding:8px 12px;border-radius:var(--kb-radius-sm);margin-top:4px}.kb-source-label{color:var(--kb-text-tertiary);font-weight:500}.kb-source-filename{color:var(--kb-text-primary);font-weight:500;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-source-link{display:inline-flex;align-items:center;gap:4px;color:var(--kb-primary);text-decoration:none;font-weight:500;padding:4px 8px;border-radius:var(--kb-radius-sm);background:var(--kb-primary-light);transition:all .2s ease;margin-left:auto}.kb-source-link:hover{background:var(--kb-primary);color:#fff}.kb-source-link svg{flex-shrink:0}.kb-chunk-modal-close{background:var(--kb-grey-200);border:none;border-radius:var(--kb-radius-sm);padding:8px 12px;cursor:pointer;font-size:16px;margin-left:16px;flex-shrink:0;transition:background .2s}.kb-chunk-modal-close:hover{background:var(--kb-grey-300)}.kb-chunk-modal-body{padding:24px;overflow-y:auto;flex:1}.markdown-content{font-size:14px;line-height:1.7;color:var(--kb-text-primary)}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600;color:var(--kb-text-primary)}.markdown-content h1{font-size:1.5em}.markdown-content h2{font-size:1.3em}.markdown-content h3{font-size:1.15em}.markdown-content p{margin:.75em 0}.markdown-content ul,.markdown-content ol{padding-left:1.5em;margin:.75em 0}.markdown-content li{margin:.25em 0}.markdown-content code{background:var(--kb-grey-100);padding:2px 6px;border-radius:4px;font-size:.9em;font-family:Monaco,Menlo,Courier New,monospace}.markdown-content pre{background:var(--kb-grey-100);padding:16px;border-radius:8px;overflow-x:auto;margin:1em 0}.markdown-content pre code{background:none;padding:0}.markdown-content blockquote{border-left:4px solid var(--kb-primary);margin:1em 0;padding:.5em 1em;background:var(--kb-grey-50);color:var(--kb-text-secondary)}.markdown-content a{color:var(--kb-primary);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content table{border-collapse:collapse;width:100%;margin:1em 0}.markdown-content th,.markdown-content td{border:1px solid var(--kb-grey-300);padding:8px 12px;text-align:left}.markdown-content th{background:var(--kb-grey-100);font-weight:600}.markdown-content hr{border:none;border-top:1px solid var(--kb-grey-300);margin:1.5em 0}.markdown-content img{max-width:100%;border-radius:8px}.kb-progress-section{margin-bottom:24px}@media (max-width: 480px){.kb-view-container{padding:0 12px 12px}.kb-card{padding:12px}.kb-section-header-left{gap:8px}.kb-section-icon{width:32px;height:32px;font-size:16px}.kb-section-title{font-size:16px}.kb-section-subtitle{font-size:12px}.pipeline-step-icon{width:36px;height:36px;font-size:14px}.pipeline-step-name{font-size:12px}.pipeline-connector{margin-left:17px}.kb-stat-box{padding:12px;min-width:80px}.kb-stat-value{font-size:20px}.kb-chunk-tags{flex-wrap:wrap}.kb-charts-grid{gap:16px}.kb-chart-box{padding:14px}.kb-chart-container{height:180px}.kb-chunk-modal{width:95%;max-height:90vh}.kb-chunk-modal-header,.kb-chunk-modal-body{padding:16px}.kb-chunk-modal-badges{gap:6px}.kb-badge{font-size:11px;padding:3px 8px}}.kb-btn-resume{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--kb-success);color:#fff;border:none;border-radius:var(--kb-radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.kb-btn-resume:hover:not(:disabled){background:#1b5e20}.kb-btn-resume:disabled{opacity:.6;cursor:not-allowed}.kb-paused-banner{border-left:4px solid var(--kb-warning);background:var(--kb-warning-light)}.kb-paused-banner-content{display:flex;align-items:center;gap:16px;padding:8px 0}.kb-paused-banner-icon{font-size:32px}.kb-paused-banner-text{flex:1;display:flex;flex-direction:column;gap:4px}.kb-paused-banner-text strong{font-size:16px;color:var(--kb-text-primary)}.kb-paused-banner-text span{font-size:14px;color:var(--kb-text-secondary)}.kb-paused-banner-actions{display:flex;gap:12px}.kb-paused-edit-card{border:2px solid var(--kb-warning)}.kb-paused-notice{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--kb-info-light);border-radius:var(--kb-radius-sm);margin-bottom:24px;font-size:14px;color:var(--kb-text-secondary)}.kb-paused-icon{font-size:18px}.kb-edit-form{display:flex;flex-direction:column;gap:20px}.kb-form-group{display:flex;flex-direction:column;gap:6px}.kb-form-label{font-size:13px;font-weight:500;color:var(--kb-text-secondary)}.kb-form-input{padding:10px 12px;border:1px solid var(--kb-grey-300);border-radius:var(--kb-radius-sm);font-size:14px;transition:border-color .2s,box-shadow .2s}.kb-form-input:focus{outline:none;border-color:var(--kb-primary);box-shadow:0 0 0 3px var(--kb-primary-light)}.kb-form-textarea{padding:10px 12px;border:1px solid var(--kb-grey-300);border-radius:var(--kb-radius-sm);font-size:14px;resize:vertical;min-height:80px;transition:border-color .2s,box-shadow .2s}.kb-form-textarea:focus{outline:none;border-color:var(--kb-primary);box-shadow:0 0 0 3px var(--kb-primary-light)}.kb-form-section{padding-top:16px;border-top:1px solid var(--kb-grey-200)}.kb-form-section-title{font-size:14px;font-weight:600;color:var(--kb-text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.kb-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.kb-form-input-group{display:flex;gap:8px}.kb-form-input-group .kb-form-input{flex:1}.kb-form-select{padding:10px 12px;border:1px solid var(--kb-grey-300);border-radius:var(--kb-radius-sm);font-size:14px;background:white;cursor:pointer}.kb-form-select:focus{outline:none;border-color:var(--kb-primary)}.kb-form-toggles{display:flex;flex-wrap:wrap;gap:20px;margin-top:16px}.kb-toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.kb-toggle-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.kb-toggle-text{color:var(--kb-text-primary)}.kb-readonly-section{background:var(--kb-grey-50);padding:16px;border-radius:var(--kb-radius-sm);border:none}.kb-readonly-badge{font-size:11px;font-weight:500;color:var(--kb-grey-500);background:var(--kb-grey-200);padding:2px 8px;border-radius:10px}.kb-readonly-list{display:flex;flex-wrap:wrap;gap:8px}.kb-readonly-item{display:inline-block;padding:6px 12px;background:white;border:1px solid var(--kb-grey-300);border-radius:var(--kb-radius-sm);font-size:13px;color:var(--kb-text-secondary)}.kb-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--kb-grey-200)}.kb-btn-secondary{padding:10px 20px;background:white;color:var(--kb-text-primary);border:1px solid var(--kb-grey-300);border-radius:var(--kb-radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.kb-btn-secondary:hover:not(:disabled){background:var(--kb-grey-100)}.kb-btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.kb-paused-banner-content{flex-direction:column;align-items:flex-start}.kb-paused-banner-actions{width:100%}.kb-paused-banner-actions button{flex:1}.kb-form-grid{grid-template-columns:1fr}.kb-form-toggles{flex-direction:column;gap:12px}.kb-form-actions{flex-direction:column-reverse}.kb-form-actions button{width:100%}}:root{--kb-primary: #1976d2;--kb-primary-light: #e3f2fd;--kb-primary-dark: #1565c0;--kb-success: #2e7d32;--kb-success-light: #e8f5e9;--kb-warning: #ed6c02;--kb-warning-light: #fff3e0;--kb-error: #d32f2f;--kb-error-light: #ffebee;--kb-info: #0288d1;--kb-info-light: #e1f5fe;--kb-grey-50: #fafafa;--kb-grey-100: #f5f5f5;--kb-grey-200: #eeeeee;--kb-grey-300: #e0e0e0;--kb-grey-400: #bdbdbd;--kb-grey-500: #9e9e9e;--kb-grey-600: #757575;--kb-grey-700: #616161;--kb-grey-800: #424242;--kb-grey-900: #212121;--kb-text-primary: #212121;--kb-text-secondary: #757575;--kb-text-disabled: #9e9e9e;--kb-background: #f5f7fa;--kb-surface: #ffffff;--kb-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--kb-shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--kb-shadow-lg: 0 10px 15px rgba(0, 0, 0, .07), 0 4px 6px rgba(0, 0, 0, .05);--kb-radius-sm: 8px;--kb-radius-md: 12px;--kb-radius-lg: 16px}.kb-card{background:var(--kb-surface);border-radius:var(--kb-radius-md);padding:24px;box-shadow:var(--kb-shadow-sm);border:1px solid var(--kb-grey-200);min-width:0;overflow:hidden}.kb-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.kb-section-header__content{display:flex;align-items:center;gap:12px}.kb-section-header__icon{width:40px;height:40px;border-radius:var(--kb-radius-sm);background:var(--kb-primary-light);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.kb-section-header__title{margin:0;font-size:16px;font-weight:600;color:var(--kb-text-primary)}.kb-section-header__subtitle{margin:2px 0 0;font-size:13px;color:var(--kb-text-secondary)}.kb-btn{border:none;border-radius:var(--kb-radius-sm);cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:opacity .2s,background-color .2s}.kb-btn:hover{opacity:.9}.kb-btn:focus-visible{outline:2px solid var(--kb-primary);outline-offset:2px}.kb-btn--primary{background:var(--kb-primary);color:#fff;padding:10px 20px}.kb-btn--secondary{background:var(--kb-grey-100);color:var(--kb-text-primary);border:1px solid var(--kb-grey-300);padding:10px 16px}.kb-btn--small{padding:8px 16px;font-size:13px}.kb-btn--icon{background:var(--kb-grey-100);border:none;border-radius:6px;padding:6px 10px;font-size:12px}.kb-btn--icon-primary{background:var(--kb-primary-light);color:var(--kb-primary)}.kb-btn--icon-success{background:var(--kb-success-light);color:var(--kb-success)}.kb-btn--icon-warning{background:var(--kb-warning-light);color:var(--kb-warning)}.kb-btn--icon-error{background:var(--kb-error-light);color:var(--kb-error)}.kb-btn--icon-info{background:var(--kb-info-light);color:var(--kb-info)}.kb-btn:disabled{background:var(--kb-grey-100);color:var(--kb-text-disabled);cursor:not-allowed}.kb-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.kb-modal{background:var(--kb-surface);border-radius:var(--kb-radius-lg);box-shadow:var(--kb-shadow-lg);max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.kb-modal--chunk{width:90%;max-width:900px}.kb-modal--confirm{max-width:500px;width:90%;padding:24px}.kb-modal--success{max-width:400px;width:90%;padding:24px;text-align:center}.kb-chunk-modal__header{padding:20px 24px;border-bottom:1px solid var(--kb-grey-200);display:flex;justify-content:space-between;align-items:flex-start;background:var(--kb-grey-50)}.kb-chunk-modal__header-content{flex:1;min-width:0}.kb-chunk-modal__tags{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.kb-chunk-modal__tag{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500}.kb-chunk-modal__tag--topic{background:var(--kb-info-light);color:var(--kb-info)}.kb-chunk-modal__tag--tokens{background:var(--kb-success-light);color:var(--kb-success);font-weight:600}.kb-chunk-modal__source{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--kb-text-secondary);background:var(--kb-grey-100);padding:8px 12px;border-radius:4px;margin-top:4px}.kb-chunk-modal__source-label{color:var(--kb-text-secondary);font-weight:500}.kb-chunk-modal__source-value{color:var(--kb-text-primary);font-weight:500;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-chunk-modal__source-link{display:inline-flex;align-items:center;gap:4px;color:var(--kb-primary);text-decoration:none;font-weight:500;padding:4px 8px;border-radius:4px;background:var(--kb-primary-light);margin-left:auto;transition:opacity .2s}.kb-chunk-modal__source-link:hover{opacity:.8}.kb-chunk-modal__close{background:var(--kb-grey-200);border:none;border-radius:var(--kb-radius-sm);padding:8px 12px;cursor:pointer;font-size:16px;margin-left:16px;flex-shrink:0;transition:background-color .2s}.kb-chunk-modal__close:hover{background:var(--kb-grey-300)}.kb-chunk-modal__body{padding:24px;overflow-y:auto;flex:1}.kb-confirm-modal__title{margin:0 0 16px;font-size:18px}.kb-confirm-modal__title--danger{color:#dc3545}.kb-confirm-modal__title--normal{color:var(--kb-text-primary)}.kb-confirm-modal__message{margin-bottom:24px;color:var(--kb-text-secondary);line-height:1.5;white-space:pre-line}.kb-confirm-modal__actions{display:flex;gap:12px;justify-content:flex-end}.kb-confirm-modal__btn{padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;transition:opacity .2s}.kb-confirm-modal__btn--cancel{border:1px solid #ddd;background:white;color:var(--kb-text-secondary)}.kb-confirm-modal__btn--confirm{border:none;color:#fff}.kb-confirm-modal__btn--danger{background:#dc3545}.kb-confirm-modal__btn--primary{background:#007bff}.kb-success-modal__icon{font-size:48px;margin-bottom:16px;color:#28a745}.kb-success-modal__title{margin:0 0 16px;color:var(--kb-text-primary);font-size:18px}.kb-success-modal__message{margin-bottom:24px;color:var(--kb-text-secondary);line-height:1.5}.kb-success-modal__btn{padding:10px 24px;border:none;border-radius:6px;background:#28a745;color:#fff;cursor:pointer;font-size:14px;transition:opacity .2s}.kb-success-modal__btn:hover{opacity:.9}.kb-markdown-content{font-size:14px;line-height:1.7;color:var(--kb-text-primary)}.kb-markdown-content h1,.kb-markdown-content h2,.kb-markdown-content h3{margin-top:1.5em;margin-bottom:.5em;font-weight:600}.kb-markdown-content p{margin:.75em 0}.kb-markdown-content code{background:var(--kb-grey-100);padding:2px 6px;border-radius:4px}.kb-markdown-content pre{background:var(--kb-grey-100);padding:16px;border-radius:8px;overflow-x:auto}.kb-markdown-content table{width:100%;border-collapse:collapse;margin:1em 0;font-size:13px}.kb-markdown-content th,.kb-markdown-content td{border:1px solid var(--kb-grey-200);padding:10px 12px;text-align:left}.kb-markdown-content th{background:var(--kb-grey-50);font-weight:600}.kb-markdown-content tr:nth-child(2n){background:var(--kb-grey-50)}.kb-markdown-content tr:hover{background:var(--kb-primary-light)}.kb-analytics__chart{height:200px}.kb-chunks__search-row{display:flex;gap:12px;margin-bottom:12px}.kb-chunks__search-wrapper{position:relative;flex:1}.kb-chunks__search-input{width:100%;padding:10px 14px 10px 40px;border:1px solid var(--kb-grey-300);border-radius:var(--kb-radius-sm);font-size:14px;outline:none;background:var(--kb-grey-50);transition:border-color .2s,box-shadow .2s}.kb-chunks__search-input:focus{border-color:var(--kb-primary);box-shadow:0 0 0 3px var(--kb-primary-light)}.kb-chunks__search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--kb-text-secondary);pointer-events:none}.kb-chunks__tips{background:var(--kb-grey-50);border:1px solid var(--kb-grey-200);border-radius:var(--kb-radius-sm);padding:12px 16px;margin-bottom:20px;font-size:12px;color:var(--kb-text-secondary)}.kb-chunks__tips-header{font-weight:600;margin-bottom:6px;color:var(--kb-text-primary)}.kb-chunks__tips-header i{margin-right:6px;color:var(--kb-warning)}.kb-chunks__tips-examples{display:flex;gap:16px;flex-wrap:wrap}.kb-chunks__tips-example{background:var(--kb-surface);padding:4px 8px;border-radius:4px;cursor:pointer;border:1px solid var(--kb-grey-300);font-family:monospace;transition:background-color .2s,border-color .2s}.kb-chunks__tips-example:hover{background:var(--kb-primary-light);border-color:var(--kb-primary)}.kb-chunks__list{display:flex;flex-direction:column;gap:10px}.kb-chunks__loading,.kb-chunks__empty{text-align:center;padding:40px;color:var(--kb-text-secondary)}.kb-main-content{display:flex;flex-direction:column;gap:24px;min-width:0}.kb-loading{text-align:center;padding:60px;color:var(--kb-text-secondary)}.kb-loading__icon{font-size:24px;margin-bottom:16px}.kb-action-buttons{display:flex;gap:10px}.kb-error-alert{background:var(--kb-error-light);color:var(--kb-error);padding:12px;border-radius:var(--kb-radius-sm);margin-bottom:16px}.kb-empty-state{text-align:center;padding:60px 20px}.kb-empty-state__title{margin-top:20px;color:var(--kb-text-primary)}.kb-empty-state__description{color:var(--kb-text-secondary);margin-bottom:24px}.kb-table__name{color:var(--kb-text-primary);font-weight:600}.kb-table__id{font-size:11px;color:var(--kb-text-secondary);margin-top:2px}.kb-table__chunks{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.kb-table__chunk-badge{padding:4px 8px;border-radius:12px;font-size:11px;cursor:pointer;transition:opacity .2s}.kb-table__chunk-badge:hover{opacity:.8}.kb-table__chunk-badge--active{background:var(--kb-success-light);color:var(--kb-success)}.kb-table__chunk-badge--inactive{background:var(--kb-error-light);color:var(--kb-error)}.kb-table__sources{display:flex;gap:6px;align-items:center}.kb-table__source-badge{padding:4px 8px;border-radius:12px;font-size:11px}.kb-table__source-badge i{margin-right:4px}.kb-table__source-badge--docs{background:var(--kb-info-light);color:var(--kb-info)}.kb-table__source-badge--websites{background:var(--kb-success-light);color:var(--kb-success)}.kb-table__no-sources{color:var(--kb-text-disabled);font-size:12px}.kb-table__status{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;transition:opacity .2s}.kb-table__status--clickable{cursor:pointer}.kb-table__status--clickable:hover{opacity:.8}.kb-table__status i{margin-left:6px;font-size:10px}.kb-table__status[data-status=completed]{background:var(--kb-success-light);color:var(--kb-success)}.kb-table__status[data-status=processing],.kb-table__status[data-status=pending]{background:var(--kb-primary-light);color:var(--kb-primary)}.kb-table__status[data-status=paused]{background:var(--kb-warning-light);color:var(--kb-warning)}.kb-table__status[data-status=error]{background:var(--kb-error-light);color:var(--kb-error)}.kb-table__status[data-status=inactive]{background:var(--kb-grey-200);color:var(--kb-grey-600)}.kb-table__status[data-status=draft]{background:var(--kb-grey-100);color:var(--kb-text-secondary)}.kb-table__date{color:var(--kb-text-secondary);font-size:13px}.kb-table__actions{display:flex;gap:6px}.kb-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px}.kb-pagination__text{font-size:13px;color:var(--kb-text-secondary);padding:0 16px}@media (prefers-reduced-motion: reduce){.kb-btn,.kb-confirm-modal__btn,.kb-success-modal__btn,.kb-chunk-modal__close,.kb-table__status,.kb-table__chunk-badge,.kb-chunks__search-input,.kb-chunks__tips-example{transition:none}}.kb-chunks__search-input:focus-visible,.kb-btn:focus-visible,.kb-confirm-modal__btn:focus-visible,.kb-success-modal__btn:focus-visible,.kb-chunk-modal__close:focus-visible{outline:2px solid var(--kb-primary);outline-offset:2px}@media (max-width: 768px){.kb-card{padding:16px}.kb-section-header{flex-direction:column;align-items:flex-start}.kb-action-buttons{width:100%}.kb-action-buttons .kb-btn{flex:1;justify-content:center}.kb-chunks__search-row{flex-direction:column}.kb-chunks__tips-examples{flex-direction:column;gap:8px}.kb-modal--chunk{width:95%;max-height:90vh}.kb-chunk-modal__source-value{max-width:200px}.kb-pagination{flex-wrap:wrap}}:root{--ckb-primary: #5A4FCF;--ckb-primary-hover: #7c6fe0;--ckb-primary-light: #f5f3ff;--ckb-primary-border: #c7d2fe;--ckb-text-primary: #1f2937;--ckb-text-secondary: #374151;--ckb-text-muted: #6b7280;--ckb-text-hint: #9ca3af;--ckb-border: #e5e7eb;--ckb-border-input: #d1d5db;--ckb-background: #f9fafb;--ckb-background-light: #fafbfc;--ckb-success: #22c55e;--ckb-success-light: #f0fdf4;--ckb-success-border: #86efac;--ckb-error: #ef4444;--ckb-error-light: #fef2f2;--ckb-error-border: #fecaca;--ckb-warning: #f59e0b;--ckb-warning-light: #fef3c7;--ckb-warning-border: #fde68a;--ckb-warning-text: #92400e;--ckb-info: #3b82f6;--ckb-info-light: #eff6ff;--ckb-info-border: #bfdbfe;--ckb-info-text: #1e40af}.ckb-container{padding:12px}.ckb-grid{display:grid;grid-template-columns:1fr 280px;gap:12px}.ckb-column{display:flex;flex-direction:column;gap:12px}.ckb-column--compact{gap:10px}.ckb-loading{display:flex;justify-content:center;padding:40px}.ckb-loading__spinner{font-size:24px;color:var(--ckb-primary)}.ckb-error-banner{background:var(--ckb-error-light);border:1px solid var(--ckb-error-border);color:#dc2626;padding:10px 14px;border-radius:6px;margin-bottom:12px;font-size:13px;display:flex;align-items:center;gap:8px}.ckb-card{background:white;border-radius:8px;border:1px solid var(--ckb-border);padding:14px}.ckb-card--summary{background:var(--ckb-background)}.ckb-card__header{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--ckb-text-primary);display:flex;align-items:center;gap:6px}.ckb-card__header-icon{color:var(--ckb-primary);font-size:11px}.ckb-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ckb-form-row--4col{grid-template-columns:repeat(4,1fr)}.ckb-form-group{display:flex;flex-direction:column}.ckb-label{display:block;font-size:12px;font-weight:500;color:var(--ckb-text-secondary);margin-bottom:4px}.ckb-label__required{color:var(--ckb-error)}.ckb-label__optional{color:var(--ckb-text-hint);font-weight:400}.ckb-input{width:100%;padding:8px 10px;border:1px solid var(--ckb-border-input);border-radius:6px;font-size:13px;outline:none;box-sizing:border-box;transition:border-color .2s}.ckb-input:focus{border-color:var(--ckb-primary)}.ckb-input--flex{flex:1}.ckb-input--small{width:auto;padding:4px 8px;font-size:11px}.ckb-input--language{width:90px;padding:4px 6px;font-size:10px;cursor:pointer}.ckb-select{width:100%;padding:8px 10px;border:1px solid var(--ckb-border-input);border-radius:6px;font-size:13px;outline:none;box-sizing:border-box;background:white}.ckb-select--unit{width:60px;padding:8px 4px}.ckb-hint{margin:3px 0 0;font-size:11px;color:var(--ckb-text-hint)}.ckb-hint--error{color:var(--ckb-error);margin-top:4px}.ckb-delay-input{display:flex;gap:4px}.ckb-checkbox-row{display:flex;gap:20px;margin-top:10px;flex-wrap:wrap}.ckb-checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;color:var(--ckb-text-secondary)}.ckb-checkbox-label input[type=checkbox]{accent-color:var(--ckb-primary)}.ckb-checkbox-label__warning{color:var(--ckb-error);font-size:10px}.ckb-source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ckb-source-btn{padding:12px;border:2px solid var(--ckb-border);background:white;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:6px}.ckb-source-btn[data-selected=true]{border-color:var(--ckb-primary);background:var(--ckb-primary-light)}.ckb-source-btn__icon{font-size:18px;color:var(--ckb-text-hint)}.ckb-source-btn[data-selected=true] .ckb-source-btn__icon{color:var(--ckb-primary)}.ckb-source-btn__label{font-size:12px;font-weight:600;color:var(--ckb-text-secondary)}.ckb-source-btn[data-selected=true] .ckb-source-btn__label{color:var(--ckb-primary)}.ckb-source-btn__desc{font-size:10px;color:var(--ckb-text-hint);text-align:center}.ckb-tags-container{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--ckb-border-input);border-radius:6px;min-height:36px;cursor:text;background:white}.ckb-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#ede9fe;border:1px solid var(--ckb-primary-border);border-radius:4px;font-size:12px;color:var(--ckb-primary);font-weight:500}.ckb-tag__remove{background:none;border:none;color:#7c3aed;cursor:pointer;padding:0;font-size:14px;line-height:1}.ckb-tags-input{flex:1;min-width:150px;border:none;outline:none;font-size:13px;padding:2px 0}.ckb-tags-input:disabled{opacity:.6}.ckb-tags-spinner{color:var(--ckb-primary);font-size:12px}.ckb-upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ckb-upload-header__title{margin:0;font-size:13px;font-weight:600;color:var(--ckb-text-primary);display:flex;align-items:center;gap:6px}.ckb-upload-header__ocr{display:flex;align-items:center;gap:6px}.ckb-upload-header__ocr-label{font-size:11px;color:var(--ckb-text-muted);font-weight:500}.ckb-file-types{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.ckb-file-type-badge{font-size:10px;padding:3px 8px;border-radius:4px;font-weight:500;display:flex;align-items:center;gap:4px}.ckb-file-type-badge__icon{font-size:9px}.ckb-file-type-badge[data-type=pdf]{background:var(--ckb-info-light);color:var(--ckb-info)}.ckb-file-type-badge[data-type=docx]{background:var(--ckb-success-light);color:var(--ckb-success)}.ckb-file-type-badge[data-type=xlsx],.ckb-file-type-badge[data-type=xls]{background:var(--ckb-warning-light);color:var(--ckb-warning)}.ckb-file-type-badge[data-type=pptx],.ckb-file-type-badge[data-type=ppt]{background:#fff7ed;color:#ea580c}.ckb-file-type-badge[data-type=txt],.ckb-file-type-badge[data-type=rtf]{background:#f3f4f6;color:var(--ckb-text-muted)}.ckb-file-type-badge[data-type=csv]{background:#fce7f3;color:#ec4899}.ckb-file-type-badge[data-type=image]{background:var(--ckb-primary-light);color:#8b5cf6}.ckb-skip-hyperlinks{background:var(--ckb-background);border:1px solid var(--ckb-border);border-radius:6px;padding:10px;margin-bottom:10px}.ckb-skip-hyperlinks__label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:var(--ckb-text-secondary)}.ckb-skip-hyperlinks__checkbox{accent-color:var(--ckb-primary);width:16px;height:16px}.ckb-skip-hyperlinks__text{font-weight:600;color:var(--ckb-text-primary)}.ckb-skip-hyperlinks__hint{font-size:10px;color:var(--ckb-text-muted);margin-top:2px}.ckb-dropzone{border:2px dashed var(--ckb-border-input);border-radius:6px;padding:16px;text-align:center;background:var(--ckb-background-light);cursor:pointer;transition:all .2s}.ckb-dropzone--active{border-color:var(--ckb-primary);background:#faf5ff}.ckb-dropzone__content{display:flex;align-items:center;justify-content:center;gap:10px}.ckb-dropzone__icon-wrapper{width:36px;height:36px;background:linear-gradient(135deg,var(--ckb-primary) 0%,var(--ckb-primary-hover) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center}.ckb-dropzone__icon{font-size:16px;color:#fff}.ckb-dropzone__text{text-align:left}.ckb-dropzone__title{font-size:13px;color:var(--ckb-text-secondary);font-weight:500}.ckb-dropzone__browse{color:var(--ckb-primary)}.ckb-dropzone__subtitle{font-size:11px;color:var(--ckb-text-hint)}.ckb-file-list{margin-top:8px;display:flex;flex-direction:column;gap:6px}.ckb-file-item{display:flex;align-items:center;gap:8px;padding:8px;background:white;border:1px solid var(--ckb-border);border-radius:6px;font-size:11px}.ckb-file-item[data-status=error]{background:var(--ckb-error-light);border-color:var(--ckb-error-border)}.ckb-file-item__icon{font-size:16px}.ckb-file-item__info{flex:1;min-width:0}.ckb-file-item__name{font-weight:500;color:var(--ckb-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckb-file-item__size{color:var(--ckb-text-hint);font-size:10px}.ckb-file-item__status{font-size:10px}.ckb-file-item__status[data-status=uploading]{color:var(--ckb-primary)}.ckb-file-item__status[data-status=completed]{color:var(--ckb-success);font-size:12px}.ckb-file-item__status[data-status=error]{color:var(--ckb-error);font-size:12px}.ckb-file-item__delete{background:none;border:none;color:var(--ckb-text-hint);cursor:pointer;padding:4px;font-size:14px;line-height:1}.ckb-file-item__delete:disabled{cursor:not-allowed}.ckb-file-item__delete-icon{font-size:10px}.ckb-domains{margin-top:4px;margin-left:24px;padding:8px;background:var(--ckb-background);border:1px solid var(--ckb-border);border-radius:6px}.ckb-domains__loading{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ckb-text-muted)}.ckb-domains__loading-icon{font-size:10px}.ckb-domains__error{font-size:11px;color:var(--ckb-error)}.ckb-domains__error-icon{margin-right:4px}.ckb-domains__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ckb-domains__title{font-size:11px;font-weight:600;color:var(--ckb-text-secondary)}.ckb-domains__title-icon{margin-right:4px;color:var(--ckb-primary)}.ckb-domains__hint{font-size:10px;color:var(--ckb-text-muted);margin-bottom:8px}.ckb-domains__list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.ckb-domain-item{padding:8px;background:white;border:1px solid var(--ckb-border);border-radius:4px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.ckb-domain-item[data-status=approved]{background:var(--ckb-success-light);border-color:var(--ckb-success-border)}.ckb-domain-item[data-status=rejected]{background:var(--ckb-error-light);border-color:var(--ckb-error-border)}.ckb-domain-item__info{flex:1;min-width:0;margin-right:8px}.ckb-domain-item__name{font-weight:500;color:var(--ckb-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckb-domain-item__meta{font-size:9px;color:var(--ckb-text-hint);margin-top:2px}.ckb-domain-item__actions{display:flex;gap:4px;flex-shrink:0}.ckb-domain-btn{padding:4px 10px;font-size:10px;border-radius:4px;font-weight:500;display:flex;align-items:center;gap:4px;cursor:pointer;transition:all .2s}.ckb-domain-btn:disabled{cursor:not-allowed;opacity:.6}.ckb-domain-btn__icon{font-size:8px}.ckb-domain-btn--approve{background:white;color:var(--ckb-success);border:1px solid var(--ckb-success)}.ckb-domain-btn--approve[data-active=true]{background:var(--ckb-success);color:#fff}.ckb-domain-btn--reject{background:white;color:var(--ckb-error);border:1px solid var(--ckb-error)}.ckb-domain-btn--reject[data-active=true]{background:var(--ckb-error);color:#fff}.ckb-summary__title{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--ckb-text-primary)}.ckb-summary__content{font-size:12px;color:var(--ckb-text-muted)}.ckb-summary__row{display:flex;justify-content:space-between;margin-bottom:6px}.ckb-summary__row:last-child{margin-bottom:0}.ckb-summary__value{font-weight:600;color:var(--ckb-text-primary)}.ckb-summary__value--yes{color:var(--ckb-success)}.ckb-summary__value--no{color:var(--ckb-text-hint)}.ckb-actions{display:flex;flex-direction:column;gap:8px}.ckb-validation-msg{padding:8px 10px;border-radius:6px;font-size:11px;display:flex;align-items:center;gap:6px}.ckb-validation-msg--warning{background:var(--ckb-warning-light);border:1px solid var(--ckb-warning-border);color:var(--ckb-warning-text)}.ckb-validation-msg--info{background:var(--ckb-info-light);border:1px solid var(--ckb-info-border);color:var(--ckb-info-text)}.ckb-btn{padding:10px 14px;width:100%;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.ckb-btn__icon{font-size:10px}.ckb-btn--primary{background:linear-gradient(135deg,var(--ckb-primary) 0%,var(--ckb-primary-hover) 100%);color:#fff;border:none}.ckb-btn--primary:disabled{background:var(--ckb-border);color:var(--ckb-text-hint);cursor:not-allowed}.ckb-btn--secondary{background:white;color:var(--ckb-primary);border:1px solid var(--ckb-primary)}.ckb-btn--secondary:disabled{color:var(--ckb-text-hint);border-color:var(--ckb-border-input);cursor:not-allowed}.ckb-btn--tertiary{background:white;color:var(--ckb-text-muted);border:1px solid var(--ckb-border-input);font-weight:500}.ckb-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.ckb-modal{background:white;border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 20px 25px -5px #0000001a}.ckb-modal__header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.ckb-modal__icon-wrapper{width:40px;height:40px;background:var(--ckb-error-light);border-radius:50%;display:flex;align-items:center;justify-content:center}.ckb-modal__icon{color:var(--ckb-error);font-size:18px}.ckb-modal__title{margin:0;font-size:16px;font-weight:600;color:var(--ckb-text-primary)}.ckb-modal__subtitle{margin:2px 0 0;font-size:13px;color:var(--ckb-text-muted)}.ckb-modal__file-list{background:var(--ckb-background);border-radius:8px;padding:12px;margin-bottom:20px}.ckb-modal__file-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--ckb-border)}.ckb-modal__file-item:last-child{border-bottom:none}.ckb-modal__file-icon{color:var(--ckb-text-hint);font-size:12px}.ckb-modal__file-name{font-size:13px;color:var(--ckb-text-secondary)}.ckb-modal__hint{font-size:12px;color:var(--ckb-text-muted);margin:0 0 16px}.ckb-modal__btn{width:100%;padding:10px 16px;background:linear-gradient(135deg,var(--ckb-primary) 0%,var(--ckb-primary-hover) 100%);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}@media (max-width: 900px){.ckb-grid{grid-template-columns:1fr}.ckb-form-row--4col{grid-template-columns:repeat(2,1fr)}.ckb-source-grid{grid-template-columns:1fr}}@media (max-width: 600px){.ckb-form-row,.ckb-form-row--4col{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.ckb-btn,.ckb-input,.ckb-source-btn,.ckb-dropzone,.ckb-domain-btn{transition:none}}.kb-search{padding:0 var(--space-6) var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.kb-search__card{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.kb-search__input-group{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.kb-search__input-wrapper{position:relative;flex:1}.kb-search__input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-md);outline:none;background:var(--color-gray-50);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.kb-search__input:focus{border-color:var(--color-primary);box-shadow:var(--input-focus-shadow)}.kb-search__input::-moz-placeholder{color:var(--color-text-tertiary)}.kb-search__input::placeholder{color:var(--color-text-tertiary)}.kb-search__input-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:var(--font-size-lg);pointer-events:none}.kb-search__mode-toggle{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.kb-search__mode-label{font-size:.8rem;font-weight:500;color:var(--color-text-secondary)}.kb-search__mode-buttons{display:flex;gap:2px;background:var(--color-bg-tertiary, #f1f5f9);border-radius:var(--radius-md);padding:2px}.kb-search__mode-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.kb-search__mode-btn:hover{color:var(--color-text-primary);background:var(--color-bg-card)}.kb-search__mode-btn--active{background:var(--color-bg-card);color:var(--color-primary, #2563eb);box-shadow:0 1px 2px #00000014}.kb-search__mode-btn--active i{color:var(--color-primary, #2563eb)}.kb-search__filters-header{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border-light);padding-top:var(--space-3);margin-top:var(--space-1)}.kb-search__toggle-btn{background:transparent;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.kb-search__toggle-btn:hover{background:var(--color-primary-light)}.kb-search__clear-btn{background:transparent;border:none;color:var(--color-error);cursor:pointer;font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.kb-search__clear-btn:hover{background:var(--color-error-light)}.kb-search__filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);margin-top:var(--space-4);padding:var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-lg);animation:expandDown .3s ease}@keyframes expandDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:200px;padding-top:var(--space-4);padding-bottom:var(--space-4)}}.kb-search__filter-group{display:flex;flex-direction:column}.kb-search__filter-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.kb-search__filter-input,.kb-search__filter-select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);outline:none;background:var(--color-bg-card);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.kb-search__filter-input:focus,.kb-search__filter-select:focus{border-color:var(--color-primary);box-shadow:var(--input-focus-shadow)}.kb-search__filter-hint{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.kb-search__filter-hint code{background:var(--color-gray-100);padding:2px var(--space-1);border-radius:var(--radius-sm);font-family:var(--font-mono)}.kb-search__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.kb-search__tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-primary-light);color:var(--color-primary);font-size:var(--font-size-sm);border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}.kb-search__tag-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:rgba(var(--color-primary-rgb),.2);border:none;border-radius:var(--radius-full);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);transition:background var(--transition-fast)}.kb-search__tag-remove:hover{background:rgba(var(--color-primary-rgb),.3)}.kb-search__bulk-bar{background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);animation:slideDown .2s ease}.kb-search__bulk-info{display:flex;align-items:center;gap:var(--space-2);color:var(--color-primary);font-weight:var(--font-weight-medium)}.kb-search__bulk-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.kb-search__bulk-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#fff;transition:all var(--transition-fast)}.kb-search__bulk-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.kb-search__bulk-btn--warning{background:var(--color-warning)}.kb-search__bulk-btn--warning:hover{background:var(--color-warning-dark)}.kb-search__bulk-btn--success{background:var(--color-success)}.kb-search__bulk-btn--success:hover{background:var(--color-success-dark)}.kb-search__bulk-btn--danger{background:var(--color-error)}.kb-search__bulk-btn--danger:hover{background:var(--color-error-dark)}.kb-search__bulk-btn--info{background:var(--color-info)}.kb-search__bulk-btn--info:hover{background:var(--color-info-dark)}.kb-search__bulk-btn--secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.kb-search__bulk-btn--secondary:hover{background:var(--color-gray-100);transform:none;box-shadow:none}.kb-search__results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.kb-search__results-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.kb-search__results-subtitle{margin:var(--space-1) 0 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.kb-search__results-count{background:var(--color-primary-light);color:var(--color-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.kb-search__empty,.kb-search__loading{text-align:center;padding:var(--space-16);color:var(--color-text-secondary)}.kb-search__empty-icon,.kb-search__loading-icon{font-size:48px;margin-bottom:var(--space-4)}.kb-search__empty-title{margin:0 0 var(--space-2) 0;color:var(--color-text-primary);font-size:var(--font-size-lg)}.kb-search__empty-text{margin:0}.kb-search__select-all{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.kb-search__select-all-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-secondary)}.kb-search__select-all-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.kb-search__selected-count{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium)}.kb-search__chunks{display:flex;flex-direction:column;gap:var(--space-3)}.kb-search__chunk{background:var(--color-gray-50);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-fast)}.kb-search__chunk:hover{box-shadow:var(--shadow-md)}.kb-search__chunk--selected{background:var(--color-primary-light);border-color:var(--color-primary)}.kb-search__chunk--inactive{background:rgba(237,41,57,.08);border-color:#ed29394d;opacity:.85}.kb-search__chunk-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.kb-search__chunk-meta{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.kb-search__chunk-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.kb-search__chunk-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.kb-search__chunk-badge--number{background:var(--color-primary-light);color:var(--color-primary)}.kb-search__chunk-badge--inactive{background:var(--color-error);color:#fff;font-size:var(--font-size-xs);display:flex;align-items:center;gap:var(--space-1)}.kb-search__chunk-badge--topic{background:var(--color-info-light);color:var(--color-info)}.kb-search__chunk-badge--bm25{background:#dbeafe;color:#1d4ed8}.kb-search__chunk-badge--knn{background:#ffedd5;color:#c2410c}.kb-search__chunk-actions{display:flex;align-items:center;gap:var(--space-2)}.kb-search__chunk-tokens{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.kb-search__chunk-expand-btn{background:var(--color-primary-light);color:var(--color-primary);border:none;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-2);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--space-1);transition:background var(--transition-fast)}.kb-search__chunk-expand-btn:hover{background:var(--color-primary);color:#fff}.kb-search__chunk-preview{margin:0 0 0 28px;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);max-height:80px;overflow:hidden}.kb-search__pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-6)}.kb-search__pagination-info{font-size:var(--font-size-base);color:var(--color-text-secondary);padding:0 var(--space-5)}.kb-chunk-modal__header{flex:1;min-width:0}.kb-chunk-modal__badges{display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-2);flex-wrap:wrap}.kb-chunk-modal__badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.kb-chunk-modal__badge--topic{background:var(--color-info-light);color:var(--color-info);font-weight:var(--font-weight-medium)}.kb-chunk-modal__badge--tokens{background:var(--color-success-light);color:var(--color-success);font-weight:var(--font-weight-semibold)}.kb-chunk-modal__source{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-gray-100);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);margin-top:var(--space-1)}.kb-chunk-modal__source-label{color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.kb-chunk-modal__source-value{color:var(--color-text-primary);font-weight:var(--font-weight-medium);max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-chunk-modal__source-link{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-primary-light);margin-left:auto;transition:all var(--transition-fast)}.kb-chunk-modal__source-link:hover{background:var(--color-primary);color:#fff}.kb-chunk-modal__content{font-size:var(--font-size-base);line-height:var(--line-height-loose);color:var(--color-text-primary)}.kb-chunk-modal__content h1,.kb-chunk-modal__content h2,.kb-chunk-modal__content h3{margin-top:1.5em;margin-bottom:.5em;font-weight:var(--font-weight-semibold)}.kb-chunk-modal__content p{margin:.75em 0}.kb-chunk-modal__content code{background:var(--color-gray-100);padding:2px var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-sm)}.kb-chunk-modal__content pre{background:var(--color-gray-100);padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto}.kb-chunk-modal__content pre code{background:none;padding:0}.kb-chunk-modal__content table{width:100%;border-collapse:collapse;margin:1em 0;font-size:var(--font-size-sm)}.kb-chunk-modal__content th,.kb-chunk-modal__content td{border:1px solid var(--color-border-light);padding:var(--space-2) var(--space-3);text-align:left}.kb-chunk-modal__content th{background:var(--color-gray-50);font-weight:var(--font-weight-semibold)}.kb-chunk-modal__content tr:nth-child(2n){background:var(--color-gray-50)}.kb-chunk-modal__content tr:hover{background:var(--color-primary-light)}.kb-bulk-modal__icon{font-size:32px;margin-bottom:var(--space-4);text-align:center}.kb-bulk-modal__title{margin:0 0 var(--space-4) 0;color:var(--color-text-primary);font-size:var(--font-size-xl);text-align:center}.kb-bulk-modal__message{margin-bottom:var(--space-6);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);text-align:center}.kb-search__error{background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.kb-search__error-icon{color:var(--color-error);font-size:var(--font-size-xl)}.kb-search__error-text{flex:1;color:var(--color-error-dark)}.kb-search__error-dismiss{background:transparent;border:none;color:var(--color-error);cursor:pointer;padding:var(--space-1)}@media (max-width: 768px){.kb-search{padding:0 var(--space-4) var(--space-4)}.kb-search__input-group{flex-direction:column}.kb-search__bulk-bar{flex-direction:column;align-items:stretch;gap:var(--space-3)}.kb-search__bulk-info{justify-content:center}.kb-search__bulk-actions{display:flex;flex-wrap:wrap;justify-content:center}.kb-search__bulk-btn{flex:1;min-width:120px;justify-content:center}.kb-search__filters{grid-template-columns:1fr}.kb-search__tag{font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2)}.kb-search__results-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.kb-search__chunk-header{flex-direction:column;gap:var(--space-2)}.kb-search__chunk-actions{width:100%;justify-content:space-between}.kb-search__pagination{flex-direction:column;gap:var(--space-3)}}.kb-search__input:focus-visible,.kb-search__filter-input:focus-visible,.kb-search__filter-select:focus-visible,.kb-search__bulk-btn:focus-visible,.kb-search__toggle-btn:focus-visible,.kb-search__clear-btn:focus-visible,.kb-search__tag-remove:focus-visible,.kb-search__chunk-expand-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input[type=checkbox]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.kb-search__filters,.kb-search__bulk-bar,.kb-search__chunk,.kb-search__bulk-btn{animation:none;transition:none}}:root{--crawl-primary: #5A4FCF;--crawl-primary-light: #f5f3ff;--crawl-success: #22c55e;--crawl-success-dark: #16a34a;--crawl-success-light: #dcfce7;--crawl-error: #ef4444;--crawl-error-light: #fee2e2;--crawl-warning: #f59e0b;--crawl-warning-light: #fef3c7;--crawl-info: #3b82f6;--crawl-info-light: #dbeafe;--crawl-purple: #8b5cf6;--crawl-purple-light: #ede9fe;--crawl-orange: #f97316;--crawl-orange-light: #ffedd5;--crawl-grey-50: #f9fafb;--crawl-grey-100: #f3f4f6;--crawl-grey-200: #e5e7eb;--crawl-grey-300: #d1d5db;--crawl-grey-400: #9ca3af;--crawl-grey-500: #6b7280;--crawl-grey-600: #4b5563;--crawl-grey-700: #374151;--crawl-grey-800: #1f2937;--crawl-text-primary: #1f2937;--crawl-text-secondary: #6b7280;--crawl-text-muted: #9ca3af;--crawl-surface: #ffffff;--crawl-border: #e5e7eb}.crawl-stats{padding:24px;height:100%;overflow:auto;background:#f8fafc}.crawl-stats__header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.crawl-stats__back-btn{background:transparent;border:none;cursor:pointer;font-size:20px;color:var(--crawl-text-secondary);padding:8px;border-radius:8px;transition:background-color .2s}.crawl-stats__back-btn:hover{background:var(--crawl-grey-100)}.crawl-stats__title{margin:0;font-size:24px;font-weight:600;color:var(--crawl-text-primary)}.crawl-stats__loading,.crawl-stats__error{padding:40px;text-align:center}.crawl-stats__loading-icon{font-size:24px;color:var(--crawl-primary)}.crawl-stats__error-icon{font-size:48px;color:var(--crawl-error)}.crawl-stats__error-message{margin-top:16px;color:var(--crawl-error)}.crawl-stats__error-btn{margin-top:16px;padding:10px 20px;background:var(--crawl-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:opacity .2s}.crawl-stats__error-btn:hover{opacity:.9}.crawl-stats__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}@media (max-width: 1200px){.crawl-stats__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.crawl-stats__grid{grid-template-columns:1fr}}.crawl-card{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.82));border-radius:18px;padding:14px 14px 12px;box-shadow:0 14px 35px #02061714;position:relative;display:flex;flex-direction:column;border:1px solid rgba(15,23,42,.08);overflow:hidden}.crawl-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;padding:2px;background:linear-gradient(90deg,var(--card-accent),rgba(255,255,255,0));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.9;pointer-events:none}.crawl-card:after{content:"";position:absolute;width:240px;height:240px;top:-110px;left:-110px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.75),transparent 60%);opacity:.7;pointer-events:none}.crawl-card[data-card=status]{--card-accent: rgba(34, 197, 94, .75)}.crawl-card[data-card=performance]{--card-accent: rgba(99, 102, 241, .75)}.crawl-card[data-card=methods]{--card-accent: rgba(251, 191, 36, .8)}.crawl-card__header{display:flex;align-items:center;gap:10px;margin-bottom:10px;position:relative;z-index:1}.crawl-card__icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:15px;box-shadow:0 8px 20px #0206170f}.crawl-card[data-card=status] .crawl-card__icon,.crawl-card[data-card=performance] .crawl-card__icon{background:linear-gradient(180deg,rgba(99,102,241,.18),rgba(99,102,241,.08));border:1px solid rgba(99,102,241,.2);color:#4f46e5}.crawl-card[data-card=methods] .crawl-card__icon{background:linear-gradient(180deg,rgba(251,191,36,.22),rgba(251,191,36,.1));border:1px solid rgba(251,191,36,.25);color:#f59e0b}.crawl-card__title{margin:0;font-size:16px;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--crawl-text-primary)}.crawl-card .donut-chart{display:grid!important;place-items:center!important;padding:8px 0 4px!important;width:100%!important;transform:none!important;position:relative;z-index:1}.crawl-card .donut-chart__container{position:relative;margin-bottom:10px}.crawl-card .donut-chart__ring{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 6px #0f172a0a,0 10px 25px #02061714}.crawl-card .donut-chart__inner{width:105px;height:105px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.9));border:1px solid rgba(15,23,42,.06);display:grid;place-items:center;text-align:center;box-shadow:inset 0 0 0 4px #0f172a05}.crawl-card .donut-chart__total{font-size:32px;font-weight:800;letter-spacing:-.03em;color:var(--crawl-text-primary);line-height:1;margin:0}.crawl-card .donut-chart__label{font-size:11px;color:var(--crawl-text-secondary);font-weight:600;margin:2px 0 0}.crawl-card .donut-chart__legend{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:8px;position:relative;z-index:1}.crawl-card .donut-chart__legend-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:8px 10px;background:rgba(255,255,255,.75);border-radius:10px;border:1px solid rgba(15,23,42,.08)}.crawl-card .donut-chart__legend-left{display:flex;flex-direction:row;align-items:center;gap:10px}.crawl-card .donut-chart__legend-color{width:18px;height:18px;min-width:18px;min-height:18px;border-radius:5px;display:grid;place-items:center;flex-shrink:0}.crawl-card .donut-chart__legend-color--success{background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.3)}.crawl-card .donut-chart__legend-color--failed{background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.3)}.crawl-card .donut-chart__legend-color--discovered{background:rgba(156,163,175,.14);border:1px solid rgba(156,163,175,.3)}.crawl-card .donut-chart__legend-color--crawling{background:rgba(59,130,246,.14);border:1px solid rgba(59,130,246,.3)}.crawl-card .donut-chart__legend-color--skipped{background:rgba(245,158,11,.14);border:1px solid rgba(245,158,11,.3)}.crawl-card .donut-chart__legend-color--redirected{background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.3)}.crawl-card .donut-chart__legend-checkmark{font-size:11px;font-weight:700}.crawl-card .donut-chart__legend-color--success .donut-chart__legend-checkmark{color:#16a34a}.crawl-card .donut-chart__legend-color--failed .donut-chart__legend-checkmark{color:#ef4444}.crawl-card .donut-chart__legend-color--discovered .donut-chart__legend-checkmark{color:#6b7280}.crawl-card .donut-chart__legend-color--crawling .donut-chart__legend-checkmark{color:#3b82f6}.crawl-card .donut-chart__legend-color--skipped .donut-chart__legend-checkmark{color:#f59e0b}.crawl-card .donut-chart__legend-color--redirected .donut-chart__legend-checkmark{color:#8b5cf6}.crawl-card .donut-chart__legend-name{font-size:14px;font-weight:700;color:var(--crawl-text-primary);text-transform:capitalize}.crawl-card .donut-chart__legend-right{display:flex;flex-direction:row;align-items:center;gap:6px}.crawl-card .donut-chart__legend-value{font-size:18px;font-weight:800;color:var(--crawl-text-primary)}.crawl-card .donut-chart__legend-percent{font-size:12px;color:var(--crawl-text-muted);font-weight:600}.crawl-stats__performance{display:flex;flex-direction:column;gap:8px;margin-top:4px;position:relative;z-index:1}.crawl-stat-box{background:rgba(255,255,255,.75);border-radius:10px;padding:8px 10px;border:1px solid rgba(15,23,42,.08);box-shadow:0 6px 16px #0206170d}.crawl-stat-box__label{font-size:11px;color:var(--crawl-text-secondary);margin-bottom:4px;font-weight:600}.crawl-stat-box__value{font-size:20px;font-weight:800;letter-spacing:-.03em;line-height:1.1}.crawl-stat-box__value--primary{color:var(--crawl-primary)}.crawl-stat-box__value--success{color:var(--crawl-success)}.crawl-http-codes{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.crawl-http-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:2px solid;font-weight:500}.crawl-http-badge__icon{font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:white}.crawl-http-badge__code{font-size:14px;font-weight:600}.crawl-http-badge__count{font-size:18px;font-weight:700;color:var(--crawl-text-primary)}.crawl-http-badge[data-code-type="2xx"]{background:var(--crawl-success-light);border-color:var(--crawl-success)}.crawl-http-badge[data-code-type="2xx"] .crawl-http-badge__icon,.crawl-http-badge[data-code-type="2xx"] .crawl-http-badge__code{color:var(--crawl-success)}.crawl-http-badge[data-code-type="3xx"]{background:var(--crawl-warning-light);border-color:var(--crawl-warning)}.crawl-http-badge[data-code-type="3xx"] .crawl-http-badge__icon,.crawl-http-badge[data-code-type="3xx"] .crawl-http-badge__code{color:var(--crawl-warning)}.crawl-http-badge[data-code-type="4xx"]{background:var(--crawl-error-light);border-color:var(--crawl-error)}.crawl-http-badge[data-code-type="4xx"] .crawl-http-badge__icon,.crawl-http-badge[data-code-type="4xx"] .crawl-http-badge__code{color:var(--crawl-error)}.crawl-http-badge[data-code-type="5xx"]{background:var(--crawl-purple-light);border-color:var(--crawl-purple)}.crawl-http-badge[data-code-type="5xx"] .crawl-http-badge__icon,.crawl-http-badge[data-code-type="5xx"] .crawl-http-badge__code{color:var(--crawl-purple)}.crawl-methods{display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}.crawl-methods__section{margin-bottom:0}.crawl-methods__title{font-size:10px;font-weight:700;color:var(--crawl-text-secondary);margin:8px 0 6px;text-transform:uppercase;letter-spacing:.1em}.crawl-method-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:rgba(255,255,255,.75);border-radius:10px;margin-bottom:6px;border:1px solid rgba(15,23,42,.08);box-shadow:0 6px 16px #0206170d}.crawl-method-item:last-child{margin-bottom:0}.crawl-method-item__left{display:flex;align-items:center;gap:8px}.crawl-method-item__icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:13px}.crawl-method-item__icon--browser{background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.22);color:#2563eb}.crawl-method-item__icon--static{background:rgba(251,146,60,.12);border:1px solid rgba(251,146,60,.22);color:#f59e0b}.crawl-method-item__icon--website{background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.22);color:#2563eb}.crawl-method-item__icon--documents{background:rgba(251,146,60,.12);border:1px solid rgba(251,146,60,.22);color:#f59e0b}.crawl-method-item__name{font-size:14px;font-weight:700;color:var(--crawl-text-primary);text-transform:capitalize}.crawl-method-item__value{font-size:18px;font-weight:800;letter-spacing:-.03em;color:var(--crawl-text-primary)}.crawl-urls{background:var(--crawl-surface);border-radius:16px;padding:24px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;border:1px solid var(--crawl-border)}.crawl-urls__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.crawl-urls__title{margin:0;font-size:16px;font-weight:600;color:var(--crawl-text-primary)}.crawl-urls__filters{display:flex;gap:12px;flex-wrap:wrap}.crawl-urls__select{padding:10px 14px;border-radius:8px;border:1px solid var(--crawl-grey-300);font-size:14px;background:var(--crawl-surface);cursor:pointer;color:var(--crawl-text-primary)}.crawl-urls__search-form{display:flex;gap:8px}.crawl-urls__search-input{padding:10px 14px;border-radius:8px;border:1px solid var(--crawl-grey-300);font-size:14px;width:250px;color:var(--crawl-text-primary)}.crawl-urls__search-input:focus{outline:none;border-color:var(--crawl-primary);box-shadow:0 0 0 3px var(--crawl-primary-light)}.crawl-urls__search-btn{padding:10px 18px;background:var(--crawl-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:opacity .2s}.crawl-urls__search-btn:hover{opacity:.9}.crawl-table-container{overflow-x:auto;max-height:500px;overflow-y:auto}.crawl-table{width:100%;border-collapse:collapse}.crawl-table__head{position:sticky;top:0;background:var(--crawl-surface);z-index:1}.crawl-table__head-row{border-bottom:1px solid var(--crawl-grey-200)}.crawl-table__th{text-align:left;padding:14px 10px;font-size:12px;font-weight:600;color:var(--crawl-text-secondary);text-transform:uppercase;letter-spacing:.3px}.crawl-table__th--center{text-align:center}.crawl-table__row{border-bottom:1px solid var(--crawl-grey-100)}.crawl-table__row:hover{background:var(--crawl-grey-50)}.crawl-table__cell{padding:14px 10px;font-size:13px}.crawl-table__cell--center{text-align:center}.crawl-table__cell--url{max-width:400px}.crawl-table__url{font-size:13px;word-break:break-all;color:var(--crawl-text-primary)}.crawl-table__url-title{font-size:11px;color:var(--crawl-text-secondary);margin-top:4px}.crawl-table__cell--error{font-size:12px;color:var(--crawl-error);max-width:200px}.crawl-table__empty{text-align:center;padding:40px;color:var(--crawl-text-muted)}.crawl-status-badge{padding:5px 12px;border-radius:6px;font-size:12px;font-weight:500;text-transform:capitalize;display:inline-block}.crawl-status-badge[data-status=success]{background:var(--crawl-success-light);color:var(--crawl-success-dark)}.crawl-status-badge[data-status=failed]{background:var(--crawl-error-light);color:var(--crawl-error)}.crawl-status-badge[data-status=discovered]{background:var(--crawl-grey-100);color:var(--crawl-grey-600)}.crawl-status-badge[data-status=crawling]{background:var(--crawl-info-light);color:var(--crawl-info)}.crawl-status-badge[data-status=skipped]{background:var(--crawl-warning-light);color:var(--crawl-warning)}.crawl-status-badge[data-status=redirected]{background:var(--crawl-purple-light);color:var(--crawl-purple)}.crawl-method-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;text-transform:capitalize;display:inline-block}.crawl-method-badge[data-method=browser]{background:var(--crawl-success-light);color:var(--crawl-success-dark)}.crawl-method-badge[data-method=static]{background:var(--crawl-info-light);color:var(--crawl-info)}.crawl-table__stat-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;display:inline-block}.crawl-table__stat-badge--success{background:var(--crawl-success-light);color:var(--crawl-success-dark)}.crawl-table__stat-badge--grey{background:var(--crawl-grey-100);color:var(--crawl-grey-600)}.crawl-table__stat-badge--info{background:var(--crawl-info-light);color:var(--crawl-info)}.crawl-table__http-code{font-weight:600;font-size:13px}.crawl-table__http-code[data-code-type="2xx"]{color:var(--crawl-success)}.crawl-table__http-code[data-code-type="3xx"]{color:var(--crawl-warning)}.crawl-table__http-code[data-code-type="4xx"]{color:var(--crawl-error)}.crawl-table__http-code[data-code-type="5xx"]{color:var(--crawl-purple)}.crawl-table__redirect{cursor:help;color:var(--crawl-warning)}.crawl-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-bottom:40px;flex-wrap:wrap;gap:12px}.crawl-pagination__info{font-size:14px;color:var(--crawl-text-secondary)}.crawl-pagination__controls{display:flex;align-items:center;gap:8px}.crawl-pagination__btn{padding:8px 14px;background:var(--crawl-surface);border:1px solid var(--crawl-grey-300);border-radius:6px;cursor:pointer;font-size:14px;color:var(--crawl-text-primary);transition:background-color .2s}.crawl-pagination__btn:hover:not(:disabled){background:var(--crawl-grey-100)}.crawl-pagination__btn:disabled{background:var(--crawl-grey-100);color:var(--crawl-text-muted);cursor:not-allowed}.crawl-pagination__text{font-size:14px;color:var(--crawl-text-secondary);padding:0 8px}@media (max-width: 768px){.crawl-stats{padding:16px}.crawl-urls__header{flex-direction:column;align-items:flex-start}.crawl-urls__filters{width:100%}.crawl-urls__search-input{width:100%;flex:1}.crawl-pagination{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){.crawl-stats__back-btn,.crawl-stats__error-btn,.crawl-urls__search-btn,.crawl-pagination__btn,.donut-chart__segment{transition:none}}.crawl-stats__back-btn:focus-visible,.crawl-stats__error-btn:focus-visible,.crawl-urls__search-btn:focus-visible,.crawl-urls__select:focus-visible,.crawl-pagination__btn:focus-visible{outline:2px solid var(--crawl-primary);outline-offset:2px}.scheduler-jobs-page{display:flex;flex-direction:column;height:calc(100vh - 48px);background:#f5f7fa;overflow:hidden}.scheduler-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:white;border-bottom:1px solid #e0e6ed}.scheduler-header h1{font-size:22px;font-weight:600;color:#333;margin:0;display:flex;align-items:center;gap:12px}.scheduler-header h1 i{color:#6c63ff}.scheduler-header p{font-size:13px;color:#666;margin:4px 0 0}.btn-refresh{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#6c63ff;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-refresh:hover{background:#5a52e0;transform:translateY(-1px)}.btn-refresh i{font-size:14px}.stats-row{display:flex;gap:16px;padding:20px 24px;background:white;border-bottom:1px solid #e0e6ed;overflow-x:auto}.stat-card{display:flex;align-items:center;gap:14px;padding:14px 20px;background:#f8f9fa;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;min-width:150px}.stat-card:hover{background:#f0f2f5}.stat-card.active{background:white;border-color:#6c63ff;box-shadow:0 2px 8px #6c63ff26}.stat-icon{position:relative;width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon i{font-size:18px;color:#fff}.stat-icon.all{background:linear-gradient(135deg,#6c63ff,#8b85ff)}.stat-icon.pending{background:linear-gradient(135deg,#ffa502,#ffca28)}.stat-icon.processing{background:linear-gradient(135deg,#3498db,#5dade2)}.stat-icon.completed{background:linear-gradient(135deg,#00b894,#55efc4)}.stat-icon.failed{background:linear-gradient(135deg,#e74c3c,#ff7675)}.pulse-ring{position:absolute;top:-4px;right:-4px;width:12px;height:12px;background:#ff4757;border-radius:50%;animation:pulse-ring 1.5s infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.5}to{transform:scale(1);opacity:1}}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700;color:#333;line-height:1}.stat-label{font-size:12px;color:#666;margin-top:4px}.scheduler-content{display:flex;flex:1;overflow:hidden}.jobs-panel{flex:1;display:flex;flex-direction:column;background:white;border-right:1px solid #e0e6ed;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #e0e6ed;background:#fafbfc}.filter-tabs{display:flex;gap:8px}.filter-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;background:white;border:1px solid #e0e6ed;border-radius:6px;font-size:13px;color:#666;cursor:pointer;transition:all .2s}.filter-tab:hover{border-color:#6c63ff;color:#6c63ff}.filter-tab.active{background:#6c63ff;border-color:#6c63ff;color:#fff}.filter-tab i{font-size:12px}.clear-filter{display:flex;align-items:center;gap:6px;padding:6px 12px;background:none;border:none;font-size:12px;color:#999;cursor:pointer}.clear-filter:hover{color:#e74c3c}.jobs-list{flex:1;overflow-y:auto;padding:12px}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#999}.loading-state .loader{width:40px;height:40px;border:3px solid #e0e6ed;border-top-color:#6c63ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.empty-state i{font-size:48px;color:#ddd;margin-bottom:16px}.empty-state h3{font-size:16px;color:#666;margin:0 0 8px}.empty-state p{font-size:13px;color:#999;margin:0;text-align:center;max-width:280px}.job-card{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:white;border:1px solid #e0e6ed;border-radius:10px;cursor:pointer;transition:all .2s;margin-bottom:10px}.job-card:hover{border-color:#6c63ff;box-shadow:0 2px 8px #6c63ff1a}.job-card.selected{border-color:#6c63ff;background:rgba(108,99,255,.03);box-shadow:0 2px 12px #6c63ff26}.job-card.processing{border-left:3px solid #3498db}.job-card.completed{border-left:3px solid #00b894}.job-card.failed{border-left:3px solid #e74c3c}.job-icon{width:40px;height:40px;background:#f0f2f5;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.job-icon i{font-size:16px;color:#6c63ff}.job-info{flex:1;min-width:0}.job-title{display:flex;align-items:center;gap:10px;margin-bottom:6px}.job-title strong{font-size:14px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:500;white-space:nowrap}.job-status-badge i{font-size:10px}.badge-success{background:#d4edda;color:#155724}.badge-danger{background:#f8d7da;color:#721c24}.badge-secondary{background:#e2e3e5;color:#383d41}.job-meta{display:flex;gap:16px;font-size:12px;color:#999}.job-meta span{display:flex;align-items:center;gap:5px}.job-meta i{font-size:11px}.job-progress{display:flex;align-items:center;gap:10px;margin-top:10px}.progress-bar{flex:1;height:6px;background:#e0e6ed;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6c63ff,#8b85ff);border-radius:3px;transition:width .3s ease}.progress-text{font-size:11px;font-weight:500;color:#6c63ff;min-width:36px;text-align:right}.job-actions{display:flex;gap:6px;opacity:0;transition:opacity .2s}.job-card:hover .job-actions{opacity:1}.action-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.action-btn.cancel{background:#fff3cd;color:#856404}.action-btn.cancel:hover{background:#ffc107;color:#fff}.action-btn.download{background:#d1ecf1;color:#0c5460}.action-btn.download:hover{background:#17a2b8;color:#fff}.action-btn.delete{background:#f8d7da;color:#721c24}.action-btn.delete:hover{background:#dc3545;color:#fff}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;border-top:1px solid #e0e6ed;background:#fafbfc}.page-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:white;border:1px solid #e0e6ed;border-radius:6px;cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background:#6c63ff;color:#fff;border-color:#6c63ff}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{font-size:13px;color:#666}.details-panel{width:0;background:white;transition:width .3s ease;overflow:hidden;display:flex;flex-direction:column}.details-panel.visible{width:400px;border-left:1px solid #e0e6ed}.details-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e0e6ed;background:#fafbfc}.details-header h3{font-size:15px;font-weight:600;color:#333;margin:0}.close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:6px;cursor:pointer;color:#999;transition:all .2s}.close-btn:hover{background:#f0f2f5;color:#333}.details-content{flex:1;overflow-y:auto;padding:20px}.detail-section{margin-bottom:24px}.detail-section:last-child{margin-bottom:0}.detail-icon{width:56px;height:56px;background:linear-gradient(135deg,#6c63ff,#8b85ff);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.detail-icon i{font-size:24px;color:#fff}.detail-section h4{font-size:16px;font-weight:600;color:#333;margin:0 0 8px}.job-description{font-size:13px;color:#666;margin:0 0 12px}.status-large .job-status-badge{font-size:13px;padding:6px 14px}.detail-section h5{font-size:12px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:10px}.detail-item{display:flex;flex-direction:column}.detail-item label{font-size:11px;color:#999;margin-bottom:4px}.detail-item span{font-size:13px;color:#333}.detail-item .mono{font-family:Monaco,Consolas,monospace;font-size:11px;color:#666}.progress-detail{background:#f8f9fa;padding:16px;border-radius:10px}.progress-bar.large{height:10px;margin-bottom:12px}.progress-stats{display:flex;justify-content:space-between;font-size:12px;color:#666}.progress-stats span{display:flex;align-items:center;gap:6px}.text-success{color:#00b894}.text-danger{color:#e74c3c}.result-summary{font-size:13px;color:#333;background:#f8f9fa;padding:12px 16px;border-radius:8px;margin:0}.detail-section.error{background:#fff5f5;padding:16px;border-radius:10px;border:1px solid #fee}.detail-section.error h5{color:#e74c3c;margin-bottom:8px}.error-message{font-size:13px;color:#721c24;margin:0;word-break:break-word}.file-info{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:12px}.file-info i{font-size:20px;color:#6c63ff}.file-info span{font-size:13px;color:#333}.file-size{color:#999!important;font-size:12px!important;margin-left:auto!important}.btn-download{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#6c63ff;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-download:hover{background:#5a52e0}.detail-actions{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e0e6ed}.btn-cancel,.btn-delete{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{background:#fff3cd;color:#856404}.btn-cancel:hover{background:#ffc107;color:#fff}.btn-delete{background:#f8d7da;color:#721c24}.btn-delete:hover{background:#dc3545;color:#fff}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#ccc}.no-selection i{font-size:48px;margin-bottom:16px}.no-selection p{font-size:14px;margin:0}@media (max-width: 1024px){.details-panel.visible{position:absolute;right:0;top:0;height:100%;z-index:100;box-shadow:-4px 0 20px #0000001a}.scheduler-content{position:relative}}@media (max-width: 768px){.scheduler-header{flex-direction:row;align-items:center;padding:16px}.scheduler-header p{display:none}.scheduler-header h1{font-size:18px}.btn-refresh{padding:10px;border-radius:50%;width:40px;height:40px;justify-content:center}.btn-refresh span{display:none}.stats-row{padding:16px;gap:10px}.stat-card{min-width:120px;padding:12px 14px}.details-panel.visible{width:100%}}:root{--pg-primary: #6366f1;--pg-primary-glow: rgba(99, 102, 241, .4);--pg-bg: #f8fafc;--pg-surface: #ffffff;--pg-surface-glass: rgba(255, 255, 255, .7);--pg-text-main: #1e293b;--pg-text-muted: #64748b;--pg-border: #e2e8f0;--pg-radius-lg: 16px;--pg-radius-md: 12px;--pg-radius-sm: 8px;--pg-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--pg-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--pg-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--pg-transition: all .2s cubic-bezier(.4, 0, .2, 1)}.dark-mode{--pg-bg: #0f172a;--pg-surface: #1e293b;--pg-surface-glass: rgba(30, 41, 59, .7);--pg-text-main: #f8fafc;--pg-text-muted: #94a3b8;--pg-border: #334155;--pg-shadow-sm: 0 1px 3px rgba(0, 0, 0, .5)}.playground-content{display:flex;gap:1.5rem;overflow:visible;min-width:900px;margin-bottom:1.5rem}.config-panel{width:320px;background:var(--pg-surface);border-radius:var(--pg-radius-lg);border:1px solid var(--pg-border);box-shadow:var(--pg-shadow-md);display:flex;flex-direction:column;overflow-y:auto;transition:var(--pg-transition)}.config-section{padding:1.25rem;border-bottom:1px solid var(--pg-border)}.config-section:last-child{border-bottom:none}.section-title{font-size:.875rem;font-weight:600;color:var(--pg-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.playground-tabs{display:flex;background:var(--pg-surface);padding:.25rem;border-radius:var(--pg-radius-md);border:1px solid var(--pg-border);margin-bottom:1.5rem;width:-moz-fit-content;width:fit-content}.playground-tab{padding:.5rem 1.5rem;border-radius:var(--pg-radius-sm);font-size:.875rem;font-weight:600;color:var(--pg-text-muted);cursor:pointer;transition:var(--pg-transition);border:none;background:transparent}.playground-tab.active{background:var(--pg-primary);color:#fff;box-shadow:var(--pg-shadow-sm)}.playground-tab:hover:not(.active){background:rgba(99,102,241,.05);color:var(--pg-primary)}.interaction-panel{flex:1;display:flex;flex-direction:column;gap:1.5rem;overflow-y:scroll!important;overflow-x:hidden;padding-right:1rem;min-height:0;max-height:100%;padding-bottom:2rem;scrollbar-width:auto;scrollbar-color:#6366f1 #e2e8f0;position:relative}.interaction-panel::-webkit-scrollbar{width:10px;display:block!important}.interaction-panel::-webkit-scrollbar-track{background:#e2e8f0;border-radius:5px;margin:4px 0}.interaction-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#818cf8,#6366f1);border-radius:5px;min-height:40px;border:2px solid #e2e8f0}.interaction-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6366f1,#4f46e5)}.interaction-panel::-webkit-scrollbar-thumb:active{background:#4f46e5}.interaction-panel-wrapper{flex:1;position:relative;min-width:0;background:transparent}.interaction-panel-scroll{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;padding-right:12px;display:flex;flex-direction:column;gap:1.5rem;padding-bottom:2rem}.interaction-panel-scroll::-webkit-scrollbar{width:8px}.interaction-panel-scroll::-webkit-scrollbar-track{background:#e2e8f0;border-radius:4px}.interaction-panel-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#818cf8,#6366f1);border-radius:4px}.interaction-panel-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6366f1,#4f46e5)}.interaction-card{background:var(--pg-surface);border-radius:var(--pg-radius-lg);border:1px solid var(--pg-border);box-shadow:var(--pg-shadow-sm);padding:1.5rem;transition:var(--pg-transition)}.interaction-card:hover{box-shadow:var(--pg-shadow-md);border-color:var(--pg-primary-glow)}.pg-select-group{margin-bottom:1rem}.pg-label{display:block;font-size:.875rem;font-weight:500;color:var(--pg-text-main);margin-bottom:.5rem}.pg-input{width:100%;padding:.625rem .875rem;border-radius:var(--pg-radius-sm);border:1px solid var(--pg-border);background:var(--pg-bg);color:var(--pg-text-main);font-size:.875rem;transition:var(--pg-transition)}.pg-input:focus{outline:none;border-color:var(--pg-primary);box-shadow:0 0 0 3px var(--pg-primary-glow)}.pg-textarea{width:100%;min-height:120px;padding:1rem;border-radius:var(--pg-radius-md);border:1px solid var(--pg-border);background:var(--pg-surface);font-family:inherit;font-size:1rem;line-height:1.5;resize:vertical;transition:var(--pg-transition)}.pg-textarea:focus{outline:none;border-color:var(--pg-primary);box-shadow:0 0 0 3px var(--pg-primary-glow)}.pg-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--pg-radius-sm);font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--pg-transition);border:none}.pg-button-primary{background:var(--pg-primary);color:#fff;box-shadow:0 2px 4px #6366f14d}.pg-button-primary:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 6px #6366f166}.pg-button-primary:active{transform:translateY(0)}.pg-button-secondary{background:white;border:1px solid var(--pg-border);color:var(--pg-text-main)}.pg-button-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.audio-player-wrapper{margin-top:1.5rem;padding:1rem;background:var(--pg-bg);border-radius:var(--pg-radius-md);display:flex;align-items:center;gap:1rem}.recording-pulse{width:12px;height:12px;background-color:#ef4444;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 10px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.result-box{background:#f1f5f9;border-radius:var(--pg-radius-md);padding:1.25rem;font-family:JetBrains Mono,monospace;font-size:.875rem;color:#334155;overflow-x:auto}.dark-mode .result-box{background:#020617;color:#e2e8f0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.code-examples-section{background:var(--pg-surface);border-radius:var(--pg-radius-md);border:1px solid var(--pg-border);overflow:visible;margin-top:0;margin-bottom:2rem;box-shadow:var(--pg-shadow-sm)}.code-examples-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--pg-bg);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom:1px solid transparent;transition:var(--pg-transition)}.code-examples-header:hover{background:#e2e8f0}.dark-mode .code-examples-header:hover{background:#334155}.code-examples-header h4{margin:0;font-size:.875rem;font-weight:600;color:var(--pg-text-main);display:flex;align-items:center}.code-toggle-hint{font-size:.75rem;color:var(--pg-text-muted)}.code-examples-content{border-top:1px solid var(--pg-border)}.code-language-tabs{display:flex;background:var(--pg-bg);border-bottom:1px solid var(--pg-border);padding:0 .5rem}.code-tab{padding:.5rem 1rem;border:none;background:transparent;cursor:pointer;font-size:.75rem;font-weight:500;color:var(--pg-text-muted);display:flex;align-items:center;border-bottom:2px solid transparent;transition:var(--pg-transition)}.code-tab:hover{color:var(--pg-text-main);background:rgba(0,0,0,.05)}.code-tab.active{color:var(--pg-primary);border-bottom-color:var(--pg-primary)}.code-block-container{position:relative;background:#1e293b}.copy-code-btn{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--pg-radius-sm);color:#e2e8f0;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:var(--pg-transition);z-index:10}.copy-code-btn:hover{background:rgba(255,255,255,.2)}.code-block{margin:0;padding:1rem 4rem 1rem 1rem;overflow-x:auto;background:#1e293b;color:#e2e8f0;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8125rem;line-height:1.6;white-space:pre;max-height:600px;overflow-y:auto}.code-block code{font-family:inherit}.coming-soon{text-align:center;padding:4rem 1rem;color:var(--pg-text-muted)}.coming-soon i{margin-bottom:1rem;opacity:.5}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:rgba(15,23,42,.55)}.modal-content{width:100%;max-width:640px;background:var(--pg-surface);border-radius:18px;box-shadow:0 22px 45px #0f172a59;border:1px solid var(--pg-border);overflow:hidden}.modal-header{padding:1.25rem 1.75rem;border-bottom:1px solid var(--pg-border)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--pg-text-main)}.modal-body{padding:1.75rem}.modal-body p{margin:0;font-size:.95rem;line-height:1.6;color:var(--pg-text-muted)}.modal-body .form-group{margin-top:1.5rem;display:flex;flex-direction:column;gap:.375rem}.modal-body .form-group label{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--pg-text-muted)}.modal-body .form-group input{height:2.75rem;border-radius:.75rem;border:1px solid var(--pg-border);padding:0 .9rem;font-size:.95rem;color:var(--pg-text-main);background:#ffffff;transition:var(--pg-transition)}.modal-body .form-group input::-moz-placeholder{color:#9ca3af}.modal-body .form-group input::placeholder{color:#9ca3af}.modal-body .form-group input:focus{outline:none;border-color:var(--pg-primary);box-shadow:0 0 0 1px #6366f140}.modal-body .usage-text{margin-top:.85rem;font-size:.8rem;color:var(--pg-text-muted)}.modal-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:1rem 1.75rem 1.25rem;border-top:1px solid var(--pg-border);background:rgba(15,23,42,.02)}.modal-footer .btn{min-width:120px;height:2.5rem;padding:0 1rem;border-radius:999px;font-size:.9rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;cursor:pointer;transition:var(--pg-transition)}.modal-footer .btn-secondary{background:#e5e7eb;color:#4b5563;border-color:#e5e7eb}.modal-footer .btn-secondary:hover{background:#d4d4d8}.modal-footer .btn-primary{background:var(--pg-primary);color:#fff;box-shadow:0 8px 18px var(--pg-primary-glow)}.modal-footer .btn-primary:hover{filter:brightness(.95)}.modal-footer .btn-primary:disabled,.modal-footer .btn-primary[disabled]{opacity:.6;cursor:not-allowed;box-shadow:none}@media (max-width: 640px){.modal-content{max-width:100%;border-radius:16px}.modal-body,.modal-footer{padding-inline:1.25rem}}.notifications-page{display:flex;flex-direction:column;height:calc(100vh - 48px);background:#f5f7fa;overflow:hidden}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:white;border-bottom:1px solid #e0e6ed}.notifications-header h1{font-size:22px;font-weight:600;color:#333;margin:0;display:flex;align-items:center;gap:12px}.notifications-header h1 i{color:#6c63ff}.header-subtitle{font-size:13px;color:#666;margin:4px 0 0}.btn-mark-all{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#6c63ff;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-mark-all:hover{background:#5a52e0;transform:translateY(-1px)}.notifications-stats{display:flex;gap:24px;padding:16px 24px;background:white;border-bottom:1px solid #e0e6ed}.stat-item{display:flex;align-items:center;gap:8px}.stat-value{font-size:20px;font-weight:600;color:#333}.stat-item.unread .stat-value{color:#6c63ff}.notifications-filters{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:white;border-bottom:1px solid #e0e6ed;gap:16px}.filter-tabs{display:flex;gap:4px;background:#f5f7fa;padding:4px;border-radius:8px}.filter-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:6px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.filter-tab:hover{color:#333}.filter-tab.active{background:white;color:#6c63ff;box-shadow:0 1px 3px #0000001a}.tab-badge{background:#6c63ff;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.filter-dropdowns{display:flex;gap:12px}.category-select,.priority-select{padding:8px 32px 8px 12px;border:1px solid #e0e6ed;border-radius:8px;font-size:14px;color:#333;background:white 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='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right 12px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;min-width:150px}.category-select:focus,.priority-select:focus{outline:none;border-color:#6c63ff}.notifications-list{flex:1;overflow-y:auto;padding:20px 24px}.notifications-loading,.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.notifications-loading i,.notifications-empty i{font-size:48px;color:#ccc;margin-bottom:16px}.notifications-empty h3{font-size:18px;color:#333;margin:0 0 8px}.notifications-empty p{font-size:14px;color:#666;margin:0}.notification-card{position:relative;display:flex;align-items:flex-start;gap:16px;padding:16px 20px;background:white;border:1px solid #e0e6ed;border-radius:12px;margin-bottom:12px;transition:all .2s}.notification-card:hover{box-shadow:0 2px 8px #00000014}.notification-card.unread{background:#fafaff;border-color:#d4d1ff}.notification-card .notification-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-card .notification-icon i{font-size:18px}.notification-body{flex:1;min-width:0}.notification-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.notification-title{font-size:15px;font-weight:600;color:#333;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-meta{display:flex;align-items:center;gap:10px;flex-shrink:0}.notification-time{font-size:12px;color:#999;white-space:nowrap}.priority-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;white-space:nowrap}.priority-critical{background:#fee2e2;color:#dc2626}.priority-high{background:#fef3c7;color:#d97706}.priority-medium{background:#dbeafe;color:#2563eb}.priority-low{background:#f3f4f6;color:#6b7280}.notification-message{font-size:14px;color:#666;margin:0 0 8px;line-height:1.5}.notification-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#6c63ff;text-decoration:none;font-weight:500}.notification-link:hover{text-decoration:underline}.notification-link i{font-size:11px}.notification-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s}.notification-card:hover .notification-actions{opacity:1}.action-btn{width:32px;height:32px;border:1px solid #e0e6ed;border-radius:6px;background:white;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn:hover{background:#f5f7fa}.action-btn.mark-read:hover{background:#e8f5e9;border-color:#4caf50;color:#4caf50}.action-btn.dismiss:hover{background:#ffebee;border-color:#f44336;color:#f44336}.unread-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:40px;background:#6c63ff;border-radius:0 4px 4px 0}.load-more{display:flex;justify-content:center;padding:20px 0}.btn-load-more{display:flex;align-items:center;gap:8px;padding:12px 24px;background:white;border:1px solid #e0e6ed;border-radius:8px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.btn-load-more:hover{background:#f5f7fa;border-color:#6c63ff;color:#6c63ff}@media (max-width: 768px){.notifications-header{flex-direction:row;padding:16px}.header-subtitle{display:none}.notifications-header h1{font-size:18px}.btn-mark-all{padding:10px;border-radius:50%;width:40px;height:40px;justify-content:center}.btn-mark-all span{display:none}.notifications-stats{padding:12px 16px;gap:16px}.stat-value{font-size:18px}.notifications-filters{flex-direction:column;align-items:stretch;padding:12px 16px}.filter-tabs{width:100%}.filter-tab{flex:1;justify-content:center;padding:10px 12px}.filter-dropdowns{flex-direction:column;gap:8px}.category-select,.priority-select{width:100%}.notifications-list{padding:16px}.notification-card{padding:14px 16px}.notification-card .notification-icon{width:40px;height:40px}.notification-header-row{flex-direction:column;align-items:flex-start;gap:4px}.notification-actions{opacity:1;position:absolute;top:12px;right:12px}}.notifications-push-page{padding:24px;background:#f5f7fa;min-height:calc(100vh - 48px);max-height:calc(100vh - 48px);overflow-y:auto}.page-header{margin-bottom:24px}.page-header h1{font-size:24px;font-weight:600;color:#333;margin:0;display:flex;align-items:center;gap:12px}.page-header h1 i{color:#6c63ff}.page-header p{font-size:14px;color:#666;margin:4px 0 0}.stats-row{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.stat-card{display:flex;align-items:center;gap:14px;padding:16px 20px;background:white;border-radius:12px;border:1px solid #e0e6ed;min-width:160px;flex:1}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.stat-icon.total{background:#e8f5e9;color:#4caf50}.stat-icon.recent{background:#e3f2fd;color:#2196f3}.stat-icon.announcement{background:#fff3e0;color:#ff9800}.stat-icon.system{background:#f3e5f5;color:#9c27b0}.stat-icon.maintenance{background:#efebe9;color:#795548}.stat-value{font-size:24px;font-weight:700;color:#333}.stat-label{font-size:13px;color:#666}.content-grid{display:grid;grid-template-columns:1fr 400px;gap:24px}@media (max-width: 1200px){.content-grid{grid-template-columns:1fr}}.section-header{padding:16px 20px;background:#f8f9fa;border-bottom:1px solid #e0e6ed;border-radius:12px 12px 0 0}.section-header h2{font-size:16px;font-weight:600;color:#333;margin:0;display:flex;align-items:center;gap:10px}.section-header h2 i{color:#6c63ff}.push-form-section{background:white;border-radius:12px;border:1px solid #e0e6ed;max-height:calc(100vh - 280px);overflow-y:auto;display:flex;flex-direction:column}.push-form{padding:20px;flex:1}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.form-group input[type=text],.form-group textarea,.form-group select{width:100%;padding:10px 14px;border:1px solid #e0e6ed;border-radius:8px;font-size:14px;color:#333;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff1a}.form-group textarea{resize:vertical;min-height:100px}.char-count{display:block;text-align:right;font-size:12px;color:#999;margin-top:4px}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.category-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;background:#f8f9fa;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.category-btn:hover{background:#f0f2f5}.category-btn.active{background:#f0edff;border-color:#6c63ff}.category-btn i{font-size:18px;color:#666}.category-btn.active i{color:#6c63ff}.category-btn span{font-size:12px;color:#666}.category-btn.active span{color:#6c63ff;font-weight:500}.channel-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 900px){.channel-options{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.channel-options{grid-template-columns:1fr}}.channel-option{display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:#f8f9fa;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s;position:relative;text-align:center}.channel-option:hover:not(.coming-soon){background:#f0f2f5}.channel-option.active{background:#f0edff;border-color:#6c63ff}.channel-option.always-on{cursor:default}.channel-option.coming-soon{opacity:.6;cursor:not-allowed}.channel-checkbox{position:absolute;top:8px;right:8px;font-size:16px;color:#ccc}.channel-option.active .channel-checkbox{color:#6c63ff}.channel-icon{width:44px;height:44px;border-radius:10px;background:#e8e6ff;display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-size:20px;color:#6c63ff}.channel-option.coming-soon .channel-icon{background:#e0e0e0;color:#999}.channel-content{display:flex;flex-direction:column;gap:2px}.channel-label{font-size:14px;font-weight:600;color:#333}.channel-desc{font-size:11px;color:#888}.coming-soon-badge{position:absolute;top:-6px;left:50%;transform:translate(-50%);background:#ff9800;color:#fff;font-size:9px;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase}.channel-content-toggle{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:10px 16px;background:transparent;border:1px dashed #ccc;border-radius:8px;color:#666;font-size:13px;cursor:pointer;transition:all .2s;width:100%}.channel-content-toggle:hover{background:#f8f9fa;border-color:#6c63ff;color:#6c63ff}.channel-content-section{background:#f8f9fa;border-radius:10px;padding:20px;margin-bottom:20px;border:1px solid #e0e6ed}.section-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#333;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e0e6ed}.section-label i{color:#6c63ff}.section-label i.fa-envelope{color:#2196f3}.section-label i.fa-sms{color:#4caf50}.section-label i.fa-whatsapp{color:#25d366}.channel-content-section .form-group{margin-bottom:16px}.channel-content-section .form-group:last-child{margin-bottom:0}.helper-text{display:block;font-size:12px;color:#888;margin-top:4px;font-style:italic}.target-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (max-width: 768px){.target-options{grid-template-columns:1fr}}.target-option{display:flex;flex-direction:column;align-items:center;padding:16px;background:#f8f9fa;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s;text-align:center}.target-option:hover{background:#f0f2f5}.target-option.active{background:#f0edff;border-color:#6c63ff}.target-option input{display:none}.target-content{display:flex;flex-direction:column;align-items:center;gap:6px}.target-content i{font-size:24px;color:#666}.target-option.active .target-content i{color:#6c63ff}.target-label{font-size:14px;font-weight:500;color:#333}.target-desc{font-size:12px;color:#666}.search-select{position:relative}.dropdown-list{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #e0e6ed;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:200px;overflow-y:auto;margin-top:4px}.dropdown-item{padding:10px 14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f2f5}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f8f9fa}.org-name,.user-email{font-size:14px;color:#333}.user-count,.user-org{font-size:12px;color:#999}.selected-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#f0edff;color:#6c63ff;font-size:13px;border-radius:20px}.tag i.fa-user,.tag i.fa-building{font-size:12px;opacity:.8}.tag button{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:rgba(108,99,255,.2);border:none;border-radius:50%;color:#6c63ff;cursor:pointer;font-size:10px}.tag button:hover{background:rgba(108,99,255,.3)}.form-row{display:flex;gap:16px}.form-group.half{flex:1}.btn-send{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;background:#6c63ff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.btn-send:hover:not(:disabled){background:#5a52e0;transform:translateY(-1px)}.btn-send:disabled{opacity:.7;cursor:not-allowed}.history-section{background:white;border-radius:12px;border:1px solid #e0e6ed;display:flex;flex-direction:column;max-height:calc(100vh - 200px)}.history-list{flex:1;overflow-y:auto;padding:12px}.loading,.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#999}.notifications-push-page .loading i,.notifications-push-page .empty i{font-size:32px;margin-bottom:12px}.history-item{display:flex;gap:12px;padding:14px;background:#f8f9fa;border-radius:8px;margin-bottom:10px}.history-item:last-child{margin-bottom:0}.history-icon{width:40px;height:40px;background:#e8e6ff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6c63ff;flex-shrink:0}.history-content{flex:1;min-width:0}.history-title{font-size:14px;font-weight:600;color:#333;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-message{font-size:13px;color:#666;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#999}.history-meta span{display:flex;align-items:center;gap:4px}.history-actions{display:flex;align-items:flex-start}.btn-delete{width:32px;height:32px;border:none;background:transparent;color:#999;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-delete:hover{background:#ffebee;color:#f44336}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px;border-top:1px solid #e0e6ed}.pagination button{width:32px;height:32px;border:1px solid #e0e6ed;background:white;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.pagination button:hover:not(:disabled){background:#f8f9fa;border-color:#6c63ff;color:#6c63ff}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-size:13px;color:#666}@media (max-width: 768px){.notifications-push-page{padding:16px}.stats-row{flex-direction:column}.stat-card{min-width:auto}.form-row{flex-direction:column;gap:0}.category-grid{grid-template-columns:repeat(3,1fr)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.delete-modal{background:white;border-radius:16px;width:100%;max-width:420px;margin:20px;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease;overflow:hidden}.modal-header{display:flex;flex-direction:column;align-items:center;padding:24px 24px 16px;text-align:center}.modal-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:28px}.modal-icon.danger{background:#ffebee;color:#f44336}.modal-header h3{font-size:20px;font-weight:600;color:#333;margin:0}.modal-body{padding:0 24px 20px}.modal-body>p{font-size:15px;color:#666;text-align:center;margin:0 0 16px}.notification-preview{background:#f8f9fa;border-radius:10px;padding:14px;margin-bottom:16px}.preview-title{font-size:14px;font-weight:600;color:#333;display:flex;align-items:center;gap:8px;margin-bottom:8px}.preview-title i{color:#6c63ff}.preview-meta{display:flex;gap:16px;font-size:12px;color:#999}.preview-meta span{display:flex;align-items:center;gap:4px}.warning-text{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#fff3e0;border-radius:8px;font-size:13px;color:#e65100}.warning-text i{margin-top:2px}.modal-footer{display:flex;gap:12px;padding:16px 24px 24px;justify-content:flex-end}.btn-cancel{padding:10px 20px;background:#f5f5f5;color:#666;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover:not(:disabled){background:#e0e0e0}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-confirm-delete{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f44336;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-confirm-delete:hover:not(:disabled){background:#d32f2f}.btn-confirm-delete:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 480px){.delete-modal{margin:16px}.modal-footer{flex-direction:column}.btn-cancel,.btn-confirm-delete{width:100%;justify-content:center}}.success-modal{background:white;border-radius:16px;width:100%;max-width:440px;margin:20px;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease;overflow:hidden}.modal-icon.success{background:linear-gradient(135deg,#4caf50 0%,#43a047 100%);color:#fff;box-shadow:0 8px 24px #4caf504d}.success-count{text-align:center;padding:24px;background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border-radius:12px;margin-bottom:20px}.count-number{font-size:56px;font-weight:700;color:#2e7d32;line-height:1;margin-bottom:8px}.count-label{font-size:16px;font-weight:500;color:#4caf50;text-transform:uppercase;letter-spacing:1px}.success-details{background:#f8f9fa;border-radius:10px;padding:16px;margin-bottom:16px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e8e8e8}.detail-row:last-child{border-bottom:none}.detail-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.detail-label i{width:16px;color:#999}.detail-value{font-size:14px;font-weight:500;color:#333;text-transform:capitalize}.detail-value.title-value{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none}.detail-value.channels-value{display:flex;gap:6px;flex-wrap:wrap}.channel-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#e8e6ff;color:#6c63ff;font-size:11px;font-weight:600;border-radius:12px;text-transform:uppercase}.channel-badge i{font-size:10px}.job-info{display:flex;align-items:center;gap:8px;padding:12px;background:#e3f2fd;border-radius:8px;font-size:13px;color:#1976d2}.job-info i{font-size:14px}.btn-success-close{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#4caf50 0%,#43a047 100%);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.btn-success-close:hover{background:linear-gradient(135deg,#43a047 0%,#388e3c 100%);transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}@media (max-width: 480px){.success-modal{margin:16px}.count-number{font-size:48px}.detail-value.title-value{max-width:140px}}.resources-subnav{display:flex;gap:8px;padding:0 24px 12px;margin-bottom:20px;border-bottom:1px solid #e5e7eb}.subnav-item{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;color:#6b7280;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .2s ease}.subnav-item:hover{background:#f3f4f6;color:#374151}.subnav-item.active{background:#667eea15;color:#667eea}.subnav-item i{font-size:1rem}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:0 24px}.resource-card{display:flex;align-items:center;gap:16px;padding:24px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;text-decoration:none;transition:all .2s ease}.resource-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.resource-card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;flex-shrink:0}.resource-card-icon i{font-size:1.5rem;color:#fff}.resource-card-content{flex:1}.resource-card-content h3{margin:0 0 4px;color:#1f2937;font-size:1.1rem;font-weight:600}.resource-card-content p{margin:0;color:#6b7280;font-size:.9rem;line-height:1.4}.resource-card-arrow{color:#9ca3af;transition:all .2s ease}.resource-card:hover .resource-card-arrow{color:#667eea;transform:translate(4px)}.iframe-container{display:flex;flex-direction:column;flex:1;padding:0!important;margin:0;overflow:hidden}.resource-iframe{width:100%;height:calc(100vh - 200px);border:none;background:#fff;border-radius:8px}#api-documentation .page-content,#api-playground-view .page-content{padding:0 24px;margin:0;height:calc(100vh - 180px)}#api-documentation .page-header,#api-playground-view .page-header{margin-bottom:0;padding-bottom:16px}#resources .page-header{margin-bottom:16px}.resource-subpage{display:flex;flex-direction:column;height:calc(100vh - 220px);padding:0 24px}.resource-subpage-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.resource-subpage-title h2{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.resource-subpage-title p{margin:4px 0 0;font-size:.85rem;color:#6b7280}.resource-subpage .iframe-container{flex:1;min-height:0}.resource-subpage .resource-iframe{height:100%;border-radius:8px;border:1px solid #e5e7eb;transition:opacity .3s ease}.iframe-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:#6b7280;font-size:14px}.iframe-loading i{font-size:24px;color:#667eea}.iframe-container{position:relative}.ui-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--card-padding);min-width:0;overflow:hidden}.ui-card--flat{box-shadow:none}.ui-card--bordered{border:1px solid var(--color-border)}.ui-card--hover:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-dark)}.ui-metric-card{background:#ffffff;border-radius:12px;padding:20px 24px;border:1px solid #f0f0f0;display:flex;align-items:center;gap:16px;min-height:80px;box-shadow:0 1px 3px #0000000a;transition:box-shadow .2s ease,transform .2s ease}.ui-metric-card:hover{box-shadow:0 4px 12px #00000014}.ui-metric-card__icon-wrapper{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f5f5f5}.ui-metric-card__icon{font-size:20px;display:flex;align-items:center;justify-content:center}.ui-metric-card__content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.ui-metric-card__title{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.ui-metric-card__value{font-size:28px;font-weight:600;color:#1f2937;line-height:1.2}.ui-metric-card__subtitle{font-size:12px;color:#9ca3af;margin-top:2px}.ui-metric-card--primary .ui-metric-card__icon-wrapper{background:rgba(139,92,246,.12)}.ui-metric-card--primary .ui-metric-card__icon{color:#8b5cf6}.ui-metric-card--success .ui-metric-card__icon-wrapper{background:rgba(34,197,94,.12)}.ui-metric-card--success .ui-metric-card__icon{color:#22c55e}.ui-metric-card--warning .ui-metric-card__icon-wrapper{background:rgba(245,158,11,.12)}.ui-metric-card--warning .ui-metric-card__icon{color:#f59e0b}.ui-metric-card--error .ui-metric-card__icon-wrapper{background:rgba(239,68,68,.12)}.ui-metric-card--error .ui-metric-card__icon{color:#ef4444}.ui-metric-card--info .ui-metric-card__icon-wrapper{background:rgba(59,130,246,.12)}.ui-metric-card--info .ui-metric-card__icon{color:#3b82f6}.ui-metric-card--accent .ui-metric-card__icon-wrapper{background:rgba(249,115,22,.12)}.ui-metric-card--accent .ui-metric-card__icon{color:#f97316}.ui-metric-card--purple .ui-metric-card__icon-wrapper{background:rgba(139,92,246,.12)}.ui-metric-card--purple .ui-metric-card__icon{color:#8b5cf6}.ui-metric-card--green .ui-metric-card__icon-wrapper{background:rgba(34,197,94,.12)}.ui-metric-card--green .ui-metric-card__icon{color:#22c55e}.ui-metric-card--pink .ui-metric-card__icon-wrapper{background:rgba(236,72,153,.12)}.ui-metric-card--pink .ui-metric-card__icon{color:#ec4899}.ui-metric-card--cyan .ui-metric-card__icon-wrapper{background:rgba(6,182,212,.12)}.ui-metric-card--cyan .ui-metric-card__icon{color:#06b6d4}.ui-metric-card--neutral .ui-metric-card__icon-wrapper{background:rgba(107,114,128,.12)}.ui-metric-card--neutral .ui-metric-card__icon{color:#6b7280}.ui-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.ui-badge--primary{background:var(--color-primary-light);color:var(--color-primary)}.ui-badge--accent{background:var(--color-accent-light);color:var(--color-accent-dark)}.ui-badge--success{background:var(--color-success-light);color:var(--color-success)}.ui-badge--warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.ui-badge--error{background:var(--color-error-light);color:var(--color-error)}.ui-badge--info{background:var(--color-primary-light);color:var(--color-primary)}.ui-badge--neutral{background:var(--color-gray-100);color:var(--color-text-secondary)}.ui-badge--dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.ui-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);flex-wrap:wrap;gap:var(--space-3)}.ui-section-header__left{display:flex;align-items:center;gap:var(--space-3)}.ui-section-header__icon{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--color-primary-light);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);flex-shrink:0}.ui-section-header__content{display:flex;flex-direction:column}.ui-section-header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:var(--line-height-tight)}.ui-section-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0 0}.ui-section-header__actions{display:flex;align-items:center;gap:var(--space-2)}.ui-form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.ui-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.ui-label--required:after{content:"*";color:var(--color-error);margin-left:var(--space-1)}.ui-input,.ui-select,.ui-textarea{height:var(--input-height);padding:0 var(--input-padding-x);border:1px solid var(--input-border);border-radius:var(--input-radius);background:var(--input-bg);font-size:var(--font-size-base);font-family:inherit;color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.ui-textarea{height:auto;min-height:100px;padding:var(--space-3);resize:vertical}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{outline:none;border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow)}.ui-input:disabled,.ui-select:disabled,.ui-textarea:disabled{background:var(--color-bg-disabled);cursor:not-allowed}.ui-input--error,.ui-select--error,.ui-textarea--error{border-color:var(--color-error)}.ui-form-error{font-size:var(--font-size-xs);color:var(--color-error)}.ui-form-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.ui-table-wrapper{overflow-x:auto;border:1px solid var(--table-border);border-radius:var(--radius-lg)}.ui-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.ui-table th,.ui-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--table-border)}.ui-table th{background:var(--table-header-bg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.ui-table tbody tr:hover{background:var(--table-row-hover)}.ui-table tbody tr:last-child td{border-bottom:none}.ui-table--striped tbody tr:nth-child(2n){background:var(--table-stripe-bg)}.ui-table--compact th,.ui-table--compact td{padding:var(--space-2) var(--space-3)}.ui-tabs{display:flex;flex-direction:column}.ui-tabs__list{display:flex;gap:var(--space-1);border-bottom:2px solid var(--color-border-light);margin-bottom:var(--space-4);overflow-x:auto}.ui-tabs__tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--transition-fast)}.ui-tabs__tab:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.ui-tabs__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.ui-tabs__panel{display:none}.ui-tabs__panel--active{display:block}.ui-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal-backdrop);padding:var(--space-4);animation:fadeIn .2s ease}.ui-modal{background:var(--modal-bg);border-radius:var(--modal-radius);box-shadow:var(--modal-shadow);max-width:500px;width:100%;max-height:calc(100vh - var(--space-8));overflow:hidden;display:flex;flex-direction:column;animation:slideUp .2s ease}.ui-modal--sm{max-width:400px}.ui-modal--lg{max-width:700px}.ui-modal--xl{max-width:900px}.ui-modal--full{max-width:calc(100vw - var(--space-8));max-height:calc(100vh - var(--space-8))}.ui-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-light)}.ui-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.ui-modal__close{width:32px;height:32px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.ui-modal__close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.ui-modal__body{padding:var(--space-6);overflow-y:auto;flex:1}.ui-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-light)}.ui-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-6);text-align:center}.ui-empty-state__icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.ui-empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.ui-empty-state__description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--space-4) 0;max-width:400px}.ui-spinner{width:24px;height:24px;border:2px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.ui-spinner--sm{width:16px;height:16px}.ui-spinner--lg{width:32px;height:32px}.ui-skeleton{background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-avatar{display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0;text-transform:uppercase}.ui-avatar--sm{width:32px;height:32px;font-size:12px}.ui-avatar--md{width:38px;height:38px;font-size:14px}.ui-avatar--lg{width:42px;height:42px;font-size:16px}.ui-avatar--purple{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);color:#7c3aed;font-weight:600}.ui-avatar--purple i{color:#7c3aed}.ui-avatar--blue{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#2563eb;font-weight:600}.ui-avatar--blue i{color:#2563eb}.ui-avatar--green{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#059669;font-weight:600}.ui-avatar--green i{color:#059669}.ui-avatar--orange{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#d97706;font-weight:600}.ui-avatar--orange i{color:#d97706}.ui-avatar--pink{background:linear-gradient(135deg,#fce7f3 0%,#fbcfe8 100%);color:#db2777;font-weight:600}.ui-avatar--pink i{color:#db2777}.ui-avatar--teal{background:linear-gradient(135deg,#ccfbf1 0%,#99f6e4 100%);color:#0d9488;font-weight:600}.ui-avatar--teal i{color:#0d9488}.ui-avatar--red{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#dc2626;font-weight:600}.ui-avatar--red i{color:#dc2626}.ui-avatar--indigo{background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);color:#4f46e5;font-weight:600}.ui-avatar--indigo i{color:#4f46e5}.ui-avatar--cyan{background:linear-gradient(135deg,#cffafe 0%,#a5f3fc 100%);color:#0891b2;font-weight:600}.ui-avatar--cyan i{color:#0891b2}.ui-avatar--amber{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#b45309;font-weight:600}.ui-avatar--amber i{color:#b45309}.ui-flex{display:flex}.ui-flex-col{flex-direction:column}.ui-flex-wrap{flex-wrap:wrap}.ui-items-center{align-items:center}.ui-items-start{align-items:flex-start}.ui-items-end{align-items:flex-end}.ui-justify-center{justify-content:center}.ui-justify-between{justify-content:space-between}.ui-justify-end{justify-content:flex-end}.ui-gap-1{gap:var(--space-1)}.ui-gap-2{gap:var(--space-2)}.ui-gap-3{gap:var(--space-3)}.ui-gap-4{gap:var(--space-4)}.ui-gap-6{gap:var(--space-6)}.ui-text-center{text-align:center}.ui-text-right{text-align:right}.ui-text-primary{color:var(--color-text-primary)}.ui-text-secondary{color:var(--color-text-secondary)}.ui-text-brand-primary{color:var(--color-primary)}.ui-text-brand-accent{color:var(--color-accent)}.ui-text-success{color:var(--color-success)}.ui-text-warning{color:var(--color-warning)}.ui-text-error{color:var(--color-error)}.ui-text-info{color:var(--color-primary)}.ui-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.timing-info{margin-top:16px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.timing-info h4{font-size:13px;font-weight:600;color:#475569;margin:0 0 12px;display:flex;align-items:center}.timing-info h4 i{color:#64748b}.timing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.timing-item{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:#ffffff;border:1px solid #e2e8f0;border-radius:6px}.timing-item.highlight{background:#eff6ff;border-color:#bfdbfe}.timing-label{font-size:11px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.timing-value{font-size:14px;font-weight:600;color:#1e293b;font-family:SF Mono,Monaco,Inconsolata,monospace}.timing-item.highlight .timing-value{color:#1d4ed8}.ui-grid{display:grid;gap:var(--space-4)}.ui-grid--2,.ui-grid--3,.ui-grid--4{grid-template-columns:repeat(1,1fr)}@media (min-width: 480px){.ui-grid--2,.ui-grid--3,.ui-grid--4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.ui-grid--3{grid-template-columns:repeat(3,1fr)}.ui-grid--4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.ui-grid--4{grid-template-columns:repeat(4,1fr)}}.ui-grid--auto-sm{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.ui-grid--auto-md{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ui-grid--auto-lg{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.ui-grid--auto-xl{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.ui-metrics-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(1,1fr)}@media (min-width: 480px){.ui-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.ui-metrics-grid{grid-template-columns:repeat(4,1fr)}}.ui-metrics-grid--3{grid-template-columns:repeat(1,1fr)}@media (min-width: 480px){.ui-metrics-grid--3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.ui-metrics-grid--3{grid-template-columns:repeat(3,1fr)}}.ui-two-column{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media (min-width: 768px){.ui-two-column{grid-template-columns:1fr 1fr}}.ui-sidebar-layout{display:flex;flex-direction:column;gap:var(--space-6)}.ui-sidebar-layout__sidebar{width:100%}.ui-sidebar-layout__content{flex:1;min-width:0}@media (min-width: 1024px){.ui-sidebar-layout{flex-direction:row}.ui-sidebar-layout__sidebar{width:300px;flex-shrink:0}}.ui-container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width: 480px){.ui-container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width: 768px){.ui-container{max-width:720px}}@media (min-width: 1024px){.ui-container{max-width:960px}}@media (min-width: 1280px){.ui-container{max-width:1200px}}.ui-container--fluid{max-width:none}.ui-hide-mobile{display:none}@media (min-width: 768px){.ui-hide-mobile{display:initial}}.ui-show-mobile{display:initial}@media (min-width: 768px){.ui-show-mobile{display:none}}.ui-hide-tablet{display:none}@media (min-width: 1024px){.ui-hide-tablet{display:initial}}.ui-p-responsive{padding:var(--space-4)}@media (min-width: 768px){.ui-p-responsive{padding:var(--space-6)}}.ui-px-responsive{padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width: 768px){.ui-px-responsive{padding-left:var(--space-6);padding-right:var(--space-6)}}.ui-py-responsive{padding-top:var(--space-4);padding-bottom:var(--space-4)}@media (min-width: 768px){.ui-py-responsive{padding-top:var(--space-6);padding-bottom:var(--space-6)}}.ui-heading-responsive{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}@media (min-width: 768px){.ui-heading-responsive{font-size:var(--font-size-2xl)}}@media (min-width: 1024px){.ui-heading-responsive{font-size:var(--font-size-3xl)}}.ui-stack-mobile{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width: 768px){.ui-stack-mobile{flex-direction:row}}.ui-reverse-mobile{display:flex;flex-direction:column-reverse}@media (min-width: 768px){.ui-reverse-mobile{flex-direction:row}}.ui-table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.ui-table-cards{display:block}.ui-table-cards thead{display:none}.ui-table-cards tbody,.ui-table-cards tr,.ui-table-cards td{display:block}.ui-table-cards tr{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3)}.ui-table-cards td{padding:var(--space-2) 0;border:none;display:flex;justify-content:space-between;align-items:center}.ui-table-cards td:before{content:attr(data-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media (min-width: 768px){.ui-table-cards{display:table}.ui-table-cards thead{display:table-header-group}.ui-table-cards tbody{display:table-row-group}.ui-table-cards tr{display:table-row;background:transparent;border:none;border-radius:0;padding:0;margin-bottom:0}.ui-table-cards td{display:table-cell;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light)}.ui-table-cards td:before{display:none}}.ui-form-row{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width: 768px){.ui-form-row{flex-direction:row}.ui-form-row>*{flex:1}}.ui-full-mobile{width:100%}@media (min-width: 768px){.ui-full-mobile{width:auto}}@media (max-width: 479px){.ui-modal{max-width:100%;margin:var(--space-2);max-height:calc(100vh - var(--space-4))}.ui-modal__header,.ui-modal__body,.ui-modal__footer{padding-left:var(--space-4);padding-right:var(--space-4)}.ui-modal__footer{flex-direction:column-reverse}.ui-modal__footer button{width:100%;min-height:44px}}.ui-filter-bar{display:flex;flex-direction:column;gap:var(--space-3)}.ui-filter-bar__filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ui-filter-bar__actions{display:flex;gap:var(--space-2)}@media (min-width: 768px){.ui-filter-bar{flex-direction:row;align-items:center;justify-content:space-between}}.ui-split-layout{display:flex;flex-direction:column;height:100%}.ui-split-layout__left,.ui-split-layout__right{flex:1;min-height:300px;overflow:auto}@media (min-width: 1024px){.ui-split-layout{flex-direction:row}.ui-split-layout__left{width:35%;max-width:400px;min-width:280px;flex:none;border-right:1px solid var(--color-border)}.ui-split-layout__right{flex:1;min-height:auto}}.ui-page-content{padding:var(--space-4)}@media (min-width: 768px){.ui-page-content{padding:var(--space-6)}}.ui-page-header-responsive{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.ui-page-header-responsive__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media (min-width: 768px){.ui-page-header-responsive{flex-direction:row;align-items:center;justify-content:space-between}}@media (max-width: 767px){.ui-touch-target{min-height:44px;min-width:44px}.ui-input,.ui-select{min-height:44px}}:root{--color-primary: var(--primary-600);--color-primary-light: #E2E2F9;--color-primary-dark: #4840A8;--color-primary-hover: #4840A8;--color-primary-rgb: 90, 79, 207;--color-accent: #ff9800;--color-accent-light: #fff3e0;--color-accent-dark: #f57c00;--color-accent-hover: #ff6b00;--color-accent-rgb: 255, 152, 0;--gradient-primary: linear-gradient(135deg, #5A4FCF 0%, #4840A8 100%);--gradient-accent: linear-gradient(135deg, #ff9800 0%, #ff6b00 100%);--gradient-header: linear-gradient(90deg, rgba(244, 232, 254, 1) 0%, rgba(227, 228, 249, 1) 35%, rgba(222, 222, 248, 1) 100%);--color-success: #4cb02d;--color-success-light: #e8f5e9;--color-success-dark: #3d8c24;--color-warning: #ff6b6b;--color-warning-light: #ffebee;--color-warning-dark: #ee5a5a;--color-error: #ED2939;--color-error-light: #fce4ec;--color-error-dark: #c41e2a;--color-info: var(--color-primary);--color-info-light: var(--color-primary-light);--color-info-dark: var(--color-primary-dark);--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #eeeeee;--color-gray-300: #e0e0e0;--color-gray-400: #bdbdbd;--color-gray-500: #9e9e9e;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--color-text-primary: #212121;--color-text-secondary: #757575;--color-text-tertiary: #9e9e9e;--color-text-disabled: #bdbdbd;--color-text-inverse: #ffffff;--color-text-link: #5A4FCF;--color-text-link-hover: #4840A8;--color-bg-page: #f5f7fa;--color-bg-card: #ffffff;--color-bg-hover: #f5f5f5;--color-bg-active: #eeeeee;--color-bg-disabled: #fafafa;--color-bg-overlay: rgba(0, 0, 0, .5);--color-border: #e0e0e0;--color-border-light: #eeeeee;--color-border-dark: #bdbdbd;--color-border-focus: #5A4FCF;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-none: 0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-none: none;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-xl: 0 10px 15px rgba(0, 0, 0, .07), 0 4px 6px rgba(0, 0, 0, .05);--shadow-2xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--font-mono: var(--font-family-mono);--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 28px;--font-size-5xl: 32px;--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.4;--line-height-relaxed: 1.6;--line-height-loose: 1.8;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--z-index-dropdown: var(--z-dropdown);--z-index-sticky: var(--z-sticky);--z-index-fixed: var(--z-fixed);--z-index-modal-backdrop: var(--z-modal-backdrop);--z-index-modal: var(--z-modal);--z-index-popover: var(--z-popover);--z-index-tooltip: var(--z-tooltip);--z-index-toast: var(--z-toast);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--sidebar-width-collapsed: 56px;--sidebar-width-expanded: 240px;--sidebar-bg: #ffffff;--sidebar-border: var(--color-border);--header-height: 46px;--header-bg: linear-gradient(90deg, rgba(244, 232, 254, 1) 0%, rgba(227, 228, 249, 1) 35%, rgba(222, 222, 248, 1) 100%);--card-bg: var(--color-bg-card);--card-border: var(--color-border);--card-radius: var(--radius-lg);--card-shadow: var(--shadow-md);--card-padding: var(--space-6);--btn-height-sm: 32px;--btn-height-md: 38px;--btn-height-lg: 44px;--btn-radius: var(--radius-md);--btn-font-weight: var(--font-weight-medium);--input-height: 38px;--input-padding-x: var(--space-3);--input-border: var(--color-border);--input-radius: var(--radius-md);--input-bg: var(--color-bg-card);--input-focus-border: var(--color-primary);--input-focus-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), .15);--input-focus-shadow-accent: 0 0 0 3px rgba(var(--color-accent-rgb), .15);--table-header-bg: var(--color-gray-50);--table-border: var(--color-border-light);--table-row-hover: var(--color-bg-hover);--table-stripe-bg: var(--color-gray-50);--modal-bg: var(--color-bg-card);--modal-radius: var(--radius-xl);--modal-shadow: var(--shadow-2xl);--modal-backdrop: var(--color-bg-overlay);--metric-card-radius: var(--radius-lg);--metric-card-padding: var(--space-4)}.dark-mode{--color-bg-page: #1a1a1a;--color-bg-card: #2d2d2d;--color-bg-hover: #3d3d3d;--color-bg-active: #4d4d4d;--color-text-primary: #ffffff;--color-text-secondary: #b0b0b0;--color-text-tertiary: #808080;--color-border: #404040;--color-border-light: #333333;--color-border-dark: #555555;--sidebar-bg: #2d2d2d;--card-bg: #2d2d2d;--table-header-bg: #333333;--table-stripe-bg: #333333}:root{--white: #ffffff;--black: #000000;--primary-100: #E9F2FF;--primary-200: #CCE0FF;--primary-300: #99c2ff;--primary-400: #66a3ff;--primary-500: #3385ff;--primary-600: #1D7AFC;--primary-700: #1565c0;--primary-800: #0d4d91;--primary-900: #063562;--primary-1000: #031d31;--color-primary: var(--primary-600);--color-primary-light: var(--primary-100);--color-primary-dark: var(--primary-700);--color-primary-hover: var(--primary-700);--primary-color: var(--primary-600);--primary-hover: var(--primary-700);--secondary-100: #fff3e0;--secondary-200: #ffe0b2;--secondary-300: #ffcc80;--secondary-400: #ffb74d;--secondary-500: #F38A3F;--secondary-600: #E56910;--secondary-700: #c45300;--secondary-800: #9a4000;--secondary-900: #702e00;--secondary-1000: #4a1f00;--neutral-100: #F7F8F9;--neutral-200: #F1F2F4;--neutral-300: #DCDFE4;--neutral-400: #B3B9C4;--neutral-500: #8590A2;--neutral-600: #758195;--neutral-700: #626F86;--neutral-800: #44546F;--neutral-900: #2C3E5D;--neutral-1000: #172B4D;--neutral-1100: #091E42;--success-100: #DCFFF1;--success-200: #BAF3DB;--success-300: #7EE2B8;--success-400: #4BCE97;--success-500: #2ABB7F;--success-600: #22A06B;--success-700: #1F845A;--success-800: #216E4E;--success-900: #164B35;--success-1000: #1C3329;--color-success: var(--success-600);--color-success-light: var(--success-100);--color-success-dark: var(--success-800);--warning-100: #FFF7D6;--warning-200: #F8E6A0;--warning-300: #F5CD47;--warning-400: #E2B203;--warning-500: #CF9F02;--warning-600: #B38600;--warning-700: #946F00;--warning-800: #7F5F01;--warning-900: #533F04;--warning-1000: #332E1B;--color-warning: var(--warning-600);--color-warning-light: var(--warning-100);--color-warning-dark: var(--warning-800);--danger-100: #FFECEB;--danger-200: #FFD5D2;--danger-300: #feb5b0;--danger-400: #F87168;--danger-500: #F15B50;--danger-600: #E2483D;--danger-700: #C9372C;--danger-800: #AE2E24;--danger-900: #5D1F1A;--danger-1000: #42221F;--color-error: var(--danger-600);--color-error-light: var(--danger-100);--color-error-dark: var(--danger-800);--text-color: var(--neutral-600);--text-heading: var(--neutral-900);--text-dark: var(--neutral-900);--text-default: var(--neutral-600);--text-secondary: var(--neutral-400);--text-disabled: var(--neutral-200);--text-inverse: var(--white);--text-link: var(--primary-600);--text-link-hover: var(--primary-700);--text-success: var(--success-600);--text-warning: var(--warning-600);--text-danger: var(--danger-600);--text-gray: var(--neutral-400);--text-light: var(--neutral-200);--border-color: var(--neutral-300);--border-dark: var(--neutral-800);--border-light: var(--neutral-200);--border-focus: var(--primary-600)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8fafd;color:var(--text-default);font-size:14px;transition:background-color .3s ease,color .3s ease}.app.dark-mode body,.app.dark-mode{background-color:#1a1a1a;color:#e0e0e0}.app.dark-mode .sidebar{background:#2d2d2d;border-right:1px solid #404040}.app.dark-mode .nav-item{color:#b0b0b0}.app.dark-mode .nav-item:hover{background-color:#404040;color:#e0e0e0}.app.dark-mode .nav-item.active{background-color:#1976d2;color:#fff}.app.dark-mode .main-content{background-color:#1a1a1a;color:#e0e0e0}.app.dark-mode .user-profile-btn{color:#e0e0e0}.app.dark-mode .user-profile-btn:hover{background-color:#404040}.app.dark-mode .user-menu{background:#2d2d2d;border:1px solid #404040;color:#e0e0e0}.app.dark-mode .user-menu-header{background:#404040;border-bottom:1px solid #555}.app.dark-mode .user-menu-item{color:#e0e0e0}.app.dark-mode .user-menu-item:hover{background-color:#404040}.app.dark-mode .sidebar-header{background:#404040;border-bottom:1px solid #555}.coming-soon-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:40px 20px}.coming-soon-banner{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;text-align:center;padding:60px 40px;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:800px;width:100%;position:relative;overflow:hidden}.coming-soon-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shine 3s infinite}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.coming-soon-icon{font-size:80px;margin-bottom:30px;opacity:.9}.coming-soon-title{font-size:48px;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.coming-soon-subtitle{font-size:28px;font-weight:300;margin-bottom:30px;opacity:.9}.coming-soon-description{font-size:18px;line-height:1.6;margin-bottom:40px;opacity:.8;max-width:600px;margin-left:auto;margin-right:auto}.coming-soon-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:40px}.feature-item{display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px;background:rgba(255,255,255,.1);border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:transform .3s ease}.feature-item i{font-size:32px;margin-bottom:10px}.feature-item span{font-size:13px;font-weight:500}.coming-soon-cta{margin-top:20px}.coming-soon-cta p{font-size:16px;opacity:.7;font-style:italic}@media (max-width: 768px){.coming-soon-banner{padding:40px 20px}.coming-soon-title{font-size:36px}.coming-soon-subtitle{font-size:24px}.coming-soon-features{grid-template-columns:1fr;gap:20px}.coming-soon-icon{font-size:60px}}.plans-container{margin:0 auto;padding:20px 10px}.plans-header{text-align:center;margin-bottom:60px}.plans-header h1{font-size:48px;font-weight:700;color:#333;margin-bottom:20px}.plans-header-row{display:flex;margin-bottom:0}.feature-label-column{width:300px;padding-right:20px}.plan-header-spacer{height:200px}.plans-columns{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:2px}.plans-container .plan-card{background:white;border-radius:16px 16px 0 0;padding:40px;box-shadow:0 4px 20px #0000001a;border:2px solid transparent;border-bottom:none;transition:all .3s ease;position:relative}.plans-container .plan-card.enterprise{border-color:#2196f3;border-bottom:none}.plans-container .plan-card.enterprise:before{content:"POPULAR";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#2196F3;color:#fff;padding:6px 20px;border-radius:20px;font-size:12px;font-weight:600}.features-comparison{background:white;border-radius:0 0 16px 16px;box-shadow:0 4px 20px #0000001a;margin-bottom:80px;overflow:hidden}.feature-category-row{border-bottom:1px solid #f0f0f0}.feature-category-row:last-child{border-bottom:none}.category-header{background:#f8f9fa;padding:20px;border-bottom:1px solid #e1e5e9}.category-header h4{font-size:16px;font-weight:600;color:#333;margin:0;display:flex;align-items:center;gap:8px}.category-header h4:before{content:"";width:4px;height:20px;background:#2196F3;border-radius:2px}.category-content{display:flex;flex-direction:column}.feature-row{display:flex;border-bottom:1px solid #f5f5f5;min-height:60px;align-items:center}.feature-row:last-child{border-bottom:none}.feature-label{width:300px;padding:16px 20px;border-right:1px solid #f0f0f0;background:#fafafa}.feature-name{color:#555;font-size:14px;font-weight:500}.feature-columns{flex:1;display:grid;grid-template-columns:1fr 1fr;height:100%}.feature-value-cell{display:flex;align-items:center;justify-content:center;padding:16px 20px;text-align:center;border-right:1px solid #f0f0f0}.feature-value-cell:last-child{border-right:none}.enterprise-cell{background:#f8f9ff;border-left:2px solid #2196F3}.feature-value{color:#333;font-weight:500;font-size:14px}.plan-header{text-align:center;margin-bottom:0;padding:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:250px;height:250px}.plan-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:20px}.plan-header h2{font-size:32px;font-weight:700;color:#333;margin-bottom:8px}.plan-subtitle{color:#666;font-size:16px;margin-bottom:20px}.pricing-display{margin:15px 0;text-align:center}.pricing-option{display:inline-block;margin:0 8px}.pricing-amount{color:#667eea;font-size:16px;font-weight:600}.plan-button{padding:16px 32px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;border:2px solid #2196F3;min-width:200px;margin-top:auto}.plan-button.outline{background:transparent;color:#2196f3}.plan-button.outline:hover,.plan-button.filled{background:#2196F3;color:#fff}.plan-button.filled:hover{background:#1976D2}.feature-check.included{color:#4caf50}.feature-check.not-included{color:#ccc}.cost-estimator{background:white;border-radius:16px;padding:40px;box-shadow:0 4px 20px #0000001a;margin-bottom:80px}.cost-estimator h2{font-size:32px;font-weight:700;color:#333;margin-bottom:32px;text-align:center}.estimator-form{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-weight:500;color:#555;font-size:14px}.input-group input{padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .3s ease}.input-group input:focus{outline:none;border-color:#2196f3}.cost-breakdown{border:1px solid #eee;border-radius:8px;margin-bottom:24px}.cost-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.cost-item:last-child{border-bottom:none}.cost-total{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border-top:2px solid #2196F3;font-weight:600;font-size:18px;color:#333}.compare-services-btn{width:100%;padding:16px;background:#2196F3;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease}.compare-services-btn:hover{background:#1976D2}.faq-section{background:white;border-radius:16px;padding:40px;box-shadow:0 4px 20px #0000001a}.faq-section h2{font-size:32px;font-weight:700;color:#333;margin-bottom:32px;text-align:center}.faq-list{display:flex;flex-direction:column;gap:1px}.faq-item{background:#f8f9fa;transition:background .3s ease;overflow:hidden}.faq-item:first-child{border-radius:8px 8px 0 0}.faq-item:last-child{border-radius:0 0 8px 8px}.faq-item.expanded{background:#e3f2fd}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer;transition:background .3s ease}.faq-question:hover{background:rgba(33,150,243,.05)}.faq-question span{color:#333;font-weight:500}.faq-question i{color:#2196f3;font-size:14px;transition:transform .3s ease}.faq-item.expanded .faq-question i{transform:rotate(180deg)}.faq-answer{padding:0 24px 20px;border-top:1px solid rgba(33,150,243,.1);animation:fadeIn .3s ease}.faq-answer p{color:#555;line-height:1.6;margin:16px 0 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.plans-header-row{flex-direction:column}.feature-label-column{width:100%;padding-right:0}.plan-header-spacer{height:auto;margin-bottom:20px}.plans-columns{grid-template-columns:1fr;gap:10px}.features-comparison{border-radius:16px;margin-top:20px}.feature-row{flex-direction:column;align-items:stretch;min-height:auto}.feature-label{width:100%;border-right:none;border-bottom:1px solid #f0f0f0}.feature-columns{grid-template-columns:1fr;gap:1px}.feature-value-cell{border-right:none;border-bottom:1px solid #f0f0f0}.feature-value-cell:last-child{border-bottom:none}.enterprise-cell{border-left:none;border-top:2px solid #2196F3}.estimator-form{grid-template-columns:1fr;gap:16px}.plans-header h1{font-size:36px}.plans-container .plan-card{padding:24px;border-radius:16px;border-bottom:2px solid transparent}.plans-container .plan-card.enterprise{border-bottom:2px solid #2196F3}.cost-estimator,.faq-section{padding:24px}}.plans-management-container{max-width:1400px;margin:0 auto;padding:40px 20px}.plans-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.plans-management-header h1{font-size:36px;font-weight:700;color:#333;margin:0}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px;margin-bottom:40px}.plans-management-container .plan-card{background:white;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000001a;border:2px solid transparent;transition:all .3s ease}.plans-management-container .plan-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000026}.plans-management-container .plan-card.payg{border-color:#4caf50}.plans-management-container .plan-card.enterprise{border-color:#2196f3}.plans-management-container .plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.plans-management-container .plan-header h3{font-size:24px;font-weight:600;color:#333;margin:0}.plans-management-container .plan-badges{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.plans-management-container .badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.plans-management-container .badge.default{background:#4CAF50;color:#fff}.plans-management-container .badge.inactive{background:#f44336;color:#fff}.plans-management-container .badge.payg{background:#e8f5e8;color:#4caf50}.plans-management-container .badge.enterprise{background:#e3f2fd;color:#2196f3}.plans-management-container .plan-content{margin-bottom:20px}.plans-management-container .plan-description{color:#666;margin-bottom:16px;font-style:italic}.plans-management-container .plan-pricing{display:flex;justify-content:space-between;margin-bottom:12px}.plans-management-container .price-item span{font-weight:600;color:#333}.plans-management-container .plan-features-summary{color:#666;font-size:14px}.plans-management-container .plan-actions{display:flex;gap:8px;justify-content:flex-end}.empty-state{text-align:center;padding:60px 20px;background:white;border-radius:16px;box-shadow:0 4px 20px #0000001a}.empty-state h3{font-size:24px;color:#333;margin-bottom:12px}.empty-state p{color:#666;margin-bottom:24px}.plan-modal{width:90%;max-width:800px;max-height:90vh;overflow-y:auto}.form-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #eee;width:100%;display:block;position:relative}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h3{font-size:20px;font-weight:600;color:#333;margin-bottom:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{margin-bottom:0}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:500;color:#555;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:2px solid #e1e5e9;border-radius:6px;font-size:14px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2196f3}.form-group input[type=checkbox]{width:auto;margin-right:8px}.form-group label:has(input[type=checkbox]){flex-direction:row;align-items:center;font-size:14px;display:flex;padding:14px 0}.feature-form{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:16px;border:1px solid #e9ecef}.remove-feature-btn{margin-top:24px}.btn{padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:#2196F3;color:#fff}.btn-primary:hover{background:#1976D2}.btn-secondary:disabled{background:#ccc;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:12px}.loading-spinner{display:flex;justify-content:center;align-items:center;height:400px;font-size:24px;color:#2196f3}.loading-spinner i{animation:spin 1s linear infinite}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999}.modal{background:white;border-radius:12px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:24px;font-weight:600;color:#333}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:#333}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #eee;background:#f8f9fa}@media (max-width: 768px){.plans-management-header{flex-direction:column;gap:20px;align-items:stretch}.header-actions{justify-content:center}.plans-grid{grid-template-columns:1fr}.plan-modal{width:95%;margin:20px}.form-row{grid-template-columns:1fr}.plans-management-container .plan-header{flex-direction:column;gap:12px}.plans-management-container .plan-badges{flex-direction:row;align-items:flex-start}}.plan-editor-container{max-width:1200px;margin:0 auto;padding:40px 20px}.plan-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid #eee}.plan-editor-header h1{font-size:36px;font-weight:700;color:#333;margin:0}.plan-editor-content{background:white;border-radius:16px;padding:40px;box-shadow:0 4px 20px #0000001a;min-height:auto;overflow:visible}.empty-features{text-align:center;padding:40px;color:#666;background:#f8f9fa;border-radius:8px}.section-description{color:#666;margin-bottom:20px;font-style:italic}.features-comparison-editor{border:1px solid #eee;border-radius:8px;overflow:hidden}.feature-category-editor{border-bottom:1px solid #f0f0f0}.feature-category-editor:last-child{border-bottom:none}.feature-row-editor{display:flex;border-bottom:1px solid #f5f5f5;min-height:80px;align-items:center}.feature-row-editor:last-child{border-bottom:none}.feature-row-editor .feature-label{width:300px;padding:16px 20px;border-right:1px solid #f0f0f0;background:#fafafa}.feature-inputs{flex:1;display:grid;grid-template-columns:1fr 1fr 120px;gap:1px;background:#f0f0f0}.feature-input-group{background:white;padding:12px 16px;display:flex;flex-direction:column;gap:6px}.feature-input-group label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase}.feature-input-group input,.feature-input-group select{padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.feature-input-group input:focus,.feature-input-group select:focus{outline:none;border-color:#2196f3}@media (max-width: 768px){.plan-editor-header{flex-direction:column;gap:20px;align-items:stretch}.header-actions{justify-content:space-between}.plan-editor-content{padding:24px}}.plan-preview{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef;margin-top:20px}.plan-preview h4{margin-bottom:16px;color:#333;font-size:18px;font-weight:600}.plan-preview p{margin-bottom:8px;color:#666;font-size:14px;line-height:1.5}.plan-preview p strong{color:#333;font-weight:600}.buy-did-container{max-width:1400px;margin:0 auto;padding:40px 20px;background:#f5f7fa;min-height:100vh}.buy-did-container .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;background:white;padding:30px 40px;border-radius:16px;box-shadow:0 4px 20px #00000014}.buy-did-container .page-header h1{font-size:36px;font-weight:700;color:#333;margin:0;display:flex;align-items:center;gap:12px}.buy-did-container .page-header h1:before{content:"📞";font-size:32px}.buy-did-container .header-actions{display:flex;align-items:center;gap:20px}.buy-did-container .wallet-balance{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff;padding:12px 20px;border-radius:12px;font-weight:600;font-size:16px;box-shadow:0 4px 12px #4caf504d}.buy-did-container .wallet-balance i{font-size:18px}.filters-section{background:white;border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:0 4px 20px #00000014}.filters-section h3{font-size:24px;font-weight:600;color:#333;margin-bottom:20px;display:flex;align-items:center;gap:10px}.filters-section h3:before{content:"🔍";font-size:20px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-weight:600;color:#555;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.filter-group .form-input,.filter-group select,.filter-group input{padding:14px 16px;border:2px solid #e1e5e9;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fafbfc}.filter-group .form-input:focus,.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#2196f3;background:white;box-shadow:0 0 0 3px #2196f31a}.plans-section{background:white;border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:0 4px 20px #00000014}.plans-section h3{font-size:24px;font-weight:600;color:#333;margin-bottom:24px;display:flex;align-items:center;gap:10px}.plans-section h3:before{content:"📋";font-size:20px}.plans-grid{display:flex;flex-direction:column;gap:1px;background:#f0f0f0;border-radius:8px;overflow:hidden}.buy-did-container .plan-card{background:white;border:none;border-radius:0;padding:12px 20px;cursor:pointer;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:space-between;border-left:4px solid transparent;min-height:60px}.buy-did-container .plan-card:first-child{border-radius:8px 8px 0 0}.buy-did-container .plan-card:last-child{border-radius:0 0 8px 8px}.buy-did-container .plan-card:hover{background:#f8f9fa;border-left-color:#2196f3;transform:none;box-shadow:none}.buy-did-container .plan-card.selected{background:#f3f9ff;border-left-color:#2196f3;box-shadow:none}.buy-did-container .plan-main-info{flex:1;display:flex;align-items:center;gap:16px}.buy-did-container .plan-basic-info{flex:1}.buy-did-container .plan-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.buy-did-container .plan-header h4{font-size:16px;font-weight:600;color:#333;margin:0}.buy-did-container .plan-type{background:#e3f2fd;color:#2196f3;padding:3px 10px;border-radius:16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.buy-did-container .plan-location{color:#666;font-size:13px;display:flex;align-items:center;gap:6px;margin:0}.buy-did-container .plan-location:before{content:"📍";font-size:12px}.buy-did-container .plan-pricing{display:flex;align-items:center;gap:16px;margin:0;padding:0;background:none;border:none;border-radius:0}.buy-did-container .plan-pricing>div{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:11px;text-align:center;min-width:60px}.buy-did-container .plan-pricing>div span:first-child{font-size:14px;font-weight:700;color:#333}.buy-did-container .plan-pricing>div span:last-child{color:#666;text-transform:uppercase;font-weight:500;letter-spacing:.5px}.buy-did-container .plan-pricing>div:first-child span:first-child{color:#4caf50}.buy-did-container .plan-pricing>div:nth-child(2) span:first-child{color:#ff9800}.buy-did-container .plan-features{margin:0;display:flex;align-items:center;gap:16px;max-width:300px}.buy-did-container .plan-features-list{display:flex;gap:12px;flex-wrap:wrap}.buy-did-container .feature-item{color:#666;font-size:12px;margin:0;display:flex;align-items:center;gap:4px;background:#f1f3f4;padding:4px 8px;border-radius:12px}.buy-did-container .feature-item:before{content:"✓";color:#4caf50;font-weight:700;font-size:10px}.buy-did-container .feature-more{color:#2196f3;font-size:12px;font-weight:500;margin:0;background:#e3f2fd;padding:4px 8px;border-radius:12px}.numbers-section{background:white;border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:0 4px 20px #00000014}.numbers-section h3{font-size:24px;font-weight:600;color:#333;margin-bottom:24px;display:flex;align-items:center;gap:10px}.numbers-section h3:before{content:"📱";font-size:20px}.loading-numbers{display:flex;align-items:center;justify-content:center;padding:60px;color:#666;font-size:16px;gap:12px}.loading-numbers i{color:#2196f3;font-size:20px}.no-numbers{text-align:center;padding:60px 20px;color:#666;background:#f8f9fa;border-radius:12px;border:2px dashed #ddd}.no-numbers p{margin-bottom:8px;font-size:16px}.no-numbers p:first-child{font-weight:600;color:#333}.numbers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.numbers-count{font-size:16px;font-weight:600;color:#333}.selection-info{font-size:14px;color:#2196f3;font-weight:500}.numbers-grid{display:flex;flex-direction:column;gap:1px;background:#f0f0f0;border-radius:8px;overflow:hidden}.buy-did-container .number-card{background:white;border:none;border-radius:0;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;cursor:pointer;border-left:4px solid transparent}.buy-did-container .number-card:first-child{border-radius:8px 8px 0 0}.buy-did-container .number-card:last-child{border-radius:0 0 8px 8px}.buy-did-container .number-card:hover{background:#f8f9fa;border-left-color:#2196f3;transform:none;box-shadow:none}.buy-did-container .number-card.selected{background:#f3fdf3;border-left-color:#4caf50;box-shadow:none}.buy-did-container .number-info{display:flex;align-items:center;gap:20px}.buy-did-container .number-display{font-size:18px;font-weight:700;color:#333;margin:0;font-family:Monaco,Menlo,monospace;min-width:160px}.buy-did-container .number-details{display:flex;gap:10px;color:#666;font-size:12px;margin:0}.buy-did-container .number-details span{background:#f1f3f4;padding:4px 8px;border-radius:12px;font-weight:500}.buy-did-container .number-pricing{display:flex;align-items:center;gap:16px;margin:0 20px 0 0}.buy-did-container .number-pricing>div{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:11px;text-align:center;min-width:60px}.buy-did-container .number-pricing>div span:first-child{font-size:14px;font-weight:700;color:#333}.buy-did-container .number-pricing>div span:last-child{color:#666;text-transform:uppercase;font-weight:500;letter-spacing:.5px}.buy-did-container .number-pricing>div:first-child span:first-child{color:#4caf50}.buy-did-container .number-pricing>div:nth-child(2) span:first-child{color:#ff9800}.buy-did-container .number-actions input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#4CAF50}.purchase-summary{background:white;border-radius:16px;padding:0;box-shadow:0 8px 32px #0000001f;border:2px solid #e1e5e9;position:sticky;bottom:20px;z-index:100}.summary-content{padding:30px}.summary-content h4{font-size:24px;font-weight:600;color:#333;margin-bottom:20px;display:flex;align-items:center;gap:10px}.summary-content h4:before{content:"🛒";font-size:20px}.summary-details{margin-bottom:24px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0;font-size:16px}.summary-row:last-child{border-bottom:none}.summary-row.total{border-top:2px solid #2196F3;padding-top:16px;margin-top:8px;font-weight:700;font-size:20px;color:#333}.summary-actions{display:flex;gap:16px;justify-content:flex-end}.summary-actions .btn{padding:14px 28px;font-size:16px;font-weight:600;min-width:140px;display:flex;align-items:center;justify-content:center;gap:8px}.summary-actions .btn-primary{background:linear-gradient(135deg,#4CAF50,#45a049);border:none;box-shadow:0 4px 12px #4caf504d}.summary-actions .btn-primary:hover{background:linear-gradient(135deg,#45a049,#4CAF50);box-shadow:0 6px 16px #4caf5066}.summary-actions .btn-primary:disabled{background:#ccc;box-shadow:none;cursor:not-allowed}.insufficient-funds{margin-top:20px;padding:16px;background:#fff3e0;border:1px solid #ffb74d;border-radius:12px;text-align:center}.insufficient-funds p{color:#ef6c00;margin-bottom:12px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}.insufficient-funds i{color:#ff9800}@media (max-width: 1200px){.buy-did-container{padding:30px 16px}.buy-did-container .plan-features{max-width:250px}.buy-did-container .plan-pricing{gap:15px}}@media (max-width: 768px){.buy-did-container .page-header{flex-direction:column;gap:20px;align-items:stretch;padding:24px}.buy-did-container .page-header h1{font-size:28px;text-align:center}.buy-did-container .header-actions{flex-direction:column;gap:12px}.buy-did-container .wallet-balance{justify-content:center}.filters-grid{grid-template-columns:1fr}.buy-did-container .plan-card{flex-direction:column;align-items:stretch;gap:16px;padding:16px 20px}.buy-did-container .plan-main-info{flex-direction:column;gap:16px;align-items:stretch}.buy-did-container .plan-pricing{justify-content:space-around;gap:20px}.buy-did-container .plan-features{max-width:none}.buy-did-container .number-info{flex-direction:column;gap:12px;align-items:flex-start}.buy-did-container .number-display{min-width:auto}.summary-actions{flex-direction:column;gap:12px}.summary-actions .btn{width:100%}.filters-section,.plans-section,.numbers-section,.summary-content{padding:20px}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.buy-did-container .plan-card,.buy-did-container .number-card,.filters-section,.plans-section,.numbers-section,.purchase-summary{animation:slideUp .3s ease-out}.billing-simple-container{width:100%;padding:16px}.billing-header{margin-bottom:30px}.billing-header h1{color:#333;font-size:28px;font-weight:600;margin:0}.billing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;align-items:start}.billing-card{background:#fff;border-radius:12px;border:1px solid #e0e4e7;overflow:hidden;transition:box-shadow .2s ease}.billing-card:hover{box-shadow:0 4px 12px #0000001a}.billing-card.main-card{grid-column:span All}.card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0;border-bottom:1px solid #f0f0f0;margin-bottom:20px}.card-header h3{color:#333;font-size:18px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.card-header h3 i{color:#666;font-size:16px}.card-content{padding:0 24px 24px}.plan-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.plan-name{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#333}.plan-name i{color:gold;font-size:20px}.plan-status .status-active{background:#e8f5e8;color:#2d7d32;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase}.wallet-info{display:flex;align-items:center;justify-content:space-between}.balance-display{display:flex;flex-direction:column}.balance-label{color:#666;font-size:14px;margin-bottom:4px}.balance-amount{font-size:24px;font-weight:700;color:#333}.did-list{display:flex;flex-direction:column;gap:12px}.did-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.did-info{display:flex;flex-direction:column;gap:4px}.did-info strong{color:#333;font-size:16px}.did-status{color:#666;font-size:12px;text-transform:uppercase;font-weight:500}.did-actions{display:flex;align-items:center;gap:12px}.did-cost{color:#666;font-size:14px;font-weight:500}.btn-icon-sm{padding:6px 8px;border:none;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s ease}.btn-icon-sm.btn-danger{background:#fee;color:#dc3545}.btn-icon-sm.btn-danger:hover{background:#dc3545;color:#fff}.usage-summary{display:flex;flex-direction:column;gap:16px}.usage-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0}.usage-item:last-child{border-bottom:none}.usage-item i{color:#666;font-size:16px;width:20px;text-align:center}.usage-item span{color:#333;font-weight:500}.transactions-simple{display:flex;flex-direction:column;gap:12px}.transaction-simple{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f0f0}.transaction-simple:last-child{border-bottom:none}.transaction-info{display:flex;flex-direction:column;gap:4px}.transaction-desc{color:#333;font-weight:500;font-size:14px}.transaction-date{color:#666;font-size:12px}.transaction-amount{font-weight:600;font-size:14px}.transaction-amount.positive{color:#28a745}.transaction-amount.negative{color:#dc3545}.empty-state{text-align:center;padding:20px;color:#666}.empty-state p{margin-bottom:16px}.loading{display:flex;justify-content:center;align-items:center;text-align:center;padding:20px;color:#666;min-height:100px}@media (max-width: 768px){.billing-grid{grid-template-columns:1fr}.billing-card.main-card{grid-column:span 1}.plan-info,.wallet-info,.did-item{flex-direction:column;align-items:flex-start;gap:12px}.did-actions{align-self:stretch;justify-content:space-between}}.plans-simple-container{max-width:1200px;margin:0 auto;padding:20px}.page-header{display:flex;align-items:center;position:sticky;top:0;z-index:1000;padding:8px 12px;background:#EEF4FC;border-bottom:1px solid #d9dae7}.page-header h1{font-size:16px;font-weight:500;color:#333}.header-actions{display:flex;gap:12px}.header-actions .btn-sm{padding:8px 16px;font-size:14px;display:flex;align-items:center;gap:6px}.empty-state-simple{text-align:center;padding:60px 20px;background:#f8f9fa;border-radius:12px;border:2px dashed #dee2e6}.empty-icon{font-size:48px;color:#6c757d;margin-bottom:20px}.empty-state-simple h3{color:#333;font-size:24px;font-weight:600;margin-bottom:12px}.empty-state-simple p{color:#666;font-size:16px;margin-bottom:24px}.plans-list-container{background:#fff;border-radius:12px;border:1px solid #e0e4e7;overflow:hidden}.plans-list-header{padding:20px 24px;background:#f8f9fa;border-bottom:1px solid #e0e4e7}.list-stats{display:flex;gap:24px}.stat-item{display:flex;align-items:center;gap:8px;color:#666;font-size:14px;font-weight:500}.stat-item i{color:#007bff;font-size:16px}.plans-list{display:flex;flex-direction:column}.plan-list-item{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.plan-list-item:hover{background-color:#f8f9fa}.plan-list-item:last-child{border-bottom:none}.plan-info{flex:1;display:flex;flex-direction:column;gap:8px}.plan-main{display:flex;align-items:center;gap:16px}.plan-name{color:#333;font-size:18px;font-weight:600;margin:0}.plan-badges{display:flex;gap:8px}.plan-type-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase}.plan-type-badge.payg{background:#e3f2fd;color:#1976d2}.plan-type-badge.enterprise{background:#f3e5f5;color:#7b1fa2}.badge-default{background:#fff3cd;color:#856404;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase}.badge-inactive{background:#f8d7da;color:#721c24;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase}.plan-meta{display:flex;gap:16px;color:#666;font-size:13px}.plan-status{display:flex;align-items:center;margin:0 20px}.status-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500}.status-indicator.active{background:#d4edda;color:#155724}.status-indicator.inactive{background:#f8d7da;color:#721c24}.status-indicator i{font-size:14px}.plan-actions{display:flex;gap:8px}.btn-icon{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.btn-icon.btn-edit{background:#e3f2fd;color:#1976d2}.btn-icon.btn-edit:hover{background:#1976d2;color:#fff}.btn-icon.btn-delete{background:#ffebee;color:#d32f2f}.btn-icon.btn-delete:hover{background:#d32f2f;color:#fff}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%;flex-wrap:wrap}.plan-list-item{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.plan-main{flex-direction:column;align-items:flex-start;gap:8px}.plan-meta{flex-direction:column;gap:4px}.plan-status{margin:0;align-self:stretch}.status-indicator{justify-content:center}.plan-actions{align-self:stretch;justify-content:center}}.did-plan-item{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:20px;padding:20px 24px}.did-plan-item .plan-info{flex:none;grid-column:1}.plan-location{display:flex;align-items:center;gap:6px;color:#666;font-size:13px}.plan-location i{color:#007bff;font-size:12px}.plan-stats{display:flex;align-items:center;gap:6px;color:#666;font-size:13px}.plan-stats i{color:#28a745;font-size:12px}.plan-pricing-simple{display:flex;flex-direction:column;gap:4px;min-width:120px;grid-column:2}.pricing-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.price-label{color:#666;font-weight:500}.price-value{color:#333;font-weight:600}.badge-featured{background:#fffbdd;color:#c77700;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase}.plan-type-badge.local{background:#e8f5e8;color:#2d7d32}.plan-type-badge.toll_free{background:#fff3e0;color:#f57f17}.plan-type-badge.international{background:#e1f5fe;color:#0277bd}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon:disabled:hover{background:inherit!important;color:inherit!important}@media (max-width: 768px){.did-plan-item{grid-template-columns:1fr;gap:16px}.did-plan-item .plan-info{grid-column:1}.plan-pricing-simple{grid-column:1;min-width:auto;padding:12px 16px;background:#f8f9fa;border-radius:8px}.pricing-row{font-size:14px}}.app{display:flex;overflow:hidden;height:100vh}.header-left{display:flex;align-items:center;gap:15px}.logo-image{height:26px;width:auto;-o-object-fit:contain;object-fit:contain}.header-right{display:flex;align-items:center;gap:20px}.sidebar-logo{min-height:48px;display:flex;align-items:center;padding:10px;width:100%}.sidebar-logo img{height:35px}.sidebar-logo.expanded{justify-content:start}.logo-text{font-size:22px;color:#333;display:flex;align-items:center;gap:8px}.mobile-logo-icon{display:none;width:28px;height:28px}@media (max-width: 768px){.mobile-logo-icon{display:block}}.notification-loading,.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-muted);gap:12px}.notification-loading i,.notification-empty i{font-size:32px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;cursor:pointer;transition:all .15s ease;border-bottom:1px solid var(--neutral-200);position:relative}.notification-item:hover{background:var(--neutral-100)}.notification-item.unread{background:var(--primary-100)}.notification-item.unread:hover{background:var(--primary-200)}.notification-icon{width:36px;height:36px;background:var(--neutral-200);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon i{font-size:14px;color:var(--primary-600)}.notification-content{flex:1;min-width:0}.notification-text{margin-bottom:4px}.notification-text strong{font-size:13px;font-weight:500;color:var(--text-dark);display:block;margin-bottom:2px}.notification-text p{font-size:12px;font-weight:400;color:var(--text-default);margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-time{font-size:11px;font-weight:400;color:var(--text-muted)}.unread-dot{width:8px;height:8px;background:var(--primary-600);border-radius:50%;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.notification-footer{padding:10px 12px;background:var(--neutral-100);border-top:1px solid var(--border-default);display:flex;gap:8px}.notification-footer .view-all{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:400;color:var(--primary-600);text-decoration:none;background:var(--white);border:1px solid var(--border-default);border-radius:8px;transition:all .15s ease}.notification-footer .view-all:hover{background:var(--primary-600);color:var(--white);border-color:var(--primary-600)}.notification-footer .view-all i{font-size:11px}.user-profile-dropdown{position:relative}.user-profile-dropdown i{font-size:14px}.user-profile-btn svg{color:var(--neutral-600)}.user-profile-btn{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:0 6px;transition:background-color .2s}.user-profile-btn .user-avatar{--size: 32px;width:var(--size);height:var(--size);background:var(--color-primary, #6c63ff);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;overflow:hidden}.user-profile-btn .user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-profile-btn .user-avatar .avatar-initial{font-size:14px;font-weight:600;text-transform:uppercase}.user-menu{position:absolute;top:100%;right:0;background:white;border:1px solid #e0e6ed;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:280px;overflow:hidden;margin-top:8px}.user-menu-header{padding:12px;background:#f8f9fa;border-bottom:1px solid #e0e6ed;display:flex;align-items:center;gap:12px}.user-menu-header .user-avatar.large{width:48px;height:48px;background:var(--color-primary, #6c63ff);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.user-menu-header .user-avatar.large img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-menu-header .user-avatar.large .avatar-initial{font-size:20px;font-weight:600;text-transform:uppercase}.user-menu-header .user-details{flex:1}.user-menu-header .user-name{font-size:14px;font-weight:600;color:#333;margin-bottom:2px}.user-menu-header .user-email{font-size:14px;color:#666;margin-bottom:2px}.user-menu-header .user-role{font-size:12px;color:#999;text-transform:uppercase;font-weight:500}.user-menu-divider{height:1px;background:#e0e6ed;margin:0}.user-menu-items{padding:8px 0}.user-menu-item{display:flex;align-items:center;gap:8px;padding:12px 16px;color:#333;text-decoration:none;background:none;border:none;width:100%;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.user-menu-item:hover{background-color:#dee2e6}.user-menu-item i{width:16px;text-align:center;color:#666}.user-menu-item.logout-btn{color:#e91e63;border-top:1px solid #e0e6ed;margin-top:4px}.user-menu-item.logout-btn:hover{background-color:#fdf2f8}.user-menu-item.logout-btn i{color:#e91e63}.user-menu-item.superadmin-btn{color:#ff9800;font-weight:600}.user-menu-item.superadmin-btn:hover{background-color:#fff4e5}.user-menu-item.superadmin-btn i{color:#ff9800}.user-menu-item.superadmin-btn.active{color:#6c63ff;background-color:#ede7ff}.user-menu-item.superadmin-btn.active i{color:#6c63ff}.user-menu-item.reseller-btn{color:#10b981;font-weight:600}.user-menu-item.reseller-btn:hover{background-color:#ecfdf5}.user-menu-item.reseller-btn i{color:#10b981}.user-menu-item.reseller-btn.active{color:#059669;background-color:#d1fae5}.user-menu-item.reseller-btn.active i{color:#059669}.app-container.superadmin-layout,.app-container.reseller-layout{display:flex;overflow:hidden;height:100vh}.sidebar-header{width:100%;display:flex;align-items:center;justify-content:center;padding:4px}.superadmin-badge{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff9800 0%,#ff6b00 100%);color:#fff;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:600;justify-content:center;width:100%;white-space:nowrap}.superadmin-badge i{font-size:16px}.sidebar.sidebar-collapsed .superadmin-badge span{display:none}.sidebar.sidebar-collapsed .superadmin-badge{padding:10px;justify-content:center}.superadmin-layout .sidebar .nav-item.active{background-color:#fff4e5}.superadmin-layout .sidebar:not(.open) .nav-item.active{background-color:#fff4e5;color:#2a3547}.superadmin-layout .sidebar:not(.open) .nav-item:hover{background-color:#fff4e5;color:#333}.superadmin-layout .sidebar .nav-item:hover{background-color:#fff4e5}.notification-badge{position:absolute;top:-2px;right:-2px;background:#e91e63;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center}.sidebar{background:white;width:56px;height:100vh;transition:width .3s ease,background-color .3s ease,border-color .3s ease;border-right:1px solid #e0e6ed;display:flex;flex-direction:column;overflow:hidden;align-items:start}.sidebar-footer{display:flex;justify-content:center;align-items:center;border-top:1px solid #e0e6ed;background:#f8f9fa;width:100%;min-height:50px}.sidebar-toggle{--size: 100%;background:#E2E2F9;cursor:pointer;color:#666;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;width:var(--size);height:var(--size);border:0;color:#2a3547}.sidebar-toggle:hover{background-color:#dee2e6;color:#333}.sidebar:not(.open) .sidebar-footer{justify-content:center}.sidebar.open{--widthSize: 240px;width:var(--widthSize)}.nav{padding:4px 4px 0;flex:1;display:flex;flex-direction:column;gap:4px;width:100%}.nav-item{display:flex;align-items:center;padding:0 12px;color:#2a3547;text-decoration:none;transition:all .3s ease,background-color .3s ease,color .3s ease;position:relative;white-space:nowrap;height:40px;min-height:40px;box-sizing:border-box;gap:8px;border-radius:10px;cursor:pointer}.nav-item:hover,.nav-item.active{background-color:#f0f9ff;color:#2a3547}.nav-item i{margin-right:12px;width:20px;text-align:center;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px}.nav-icon{width:24px;height:24px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.nav-item span{transition:opacity .3s ease}.nav-item .arrow{margin-left:auto;margin-right:0;font-size:12px;transition:opacity .3s ease}.sidebar:not(.open) .nav-item{padding:4px 0;justify-content:center;align-items:center;width:100%;margin:0;background-color:transparent}.sidebar:not(.open) .nav-item i{margin-right:0!important;width:20px;text-align:center;display:flex!important;align-items:center;justify-content:center;font-size:16px}.sidebar:not(.open) .nav-icon{margin-right:0!important;width:24px;height:24px;display:flex!important;align-items:center;justify-content:center}.sidebar:not(.open) .nav-item span,.sidebar:not(.open) .nav-item .arrow{opacity:0;width:0;overflow:hidden;margin:0}.sidebar:not(.open) .nav-item{flex-direction:column;padding:4px 2px;justify-content:center;align-items:center;gap:4px;border-radius:10px;position:relative}.sidebar:not(.open){overflow:visible}.sidebar:not(.open) .nav-item.active{background-color:#f0f9ff;color:#2a3547}.sidebar:not(.open) .nav-item:hover:after{content:attr(data-tooltip);position:absolute;left:50px;top:50%;transform:translateY(-50%);background:#333;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;z-index:1100;box-shadow:0 4px 12px #00000026;animation:tooltipFadeIn .2s ease-out forwards}.sidebar:not(.open) .nav-item:hover:before{content:"";position:absolute;left:44px;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:#333;z-index:1100;animation:tooltipArrowFadeIn .2s ease-out forwards}@keyframes tooltipFadeIn{0%{opacity:0;left:40px}to{opacity:1;left:50px}}@keyframes tooltipArrowFadeIn{0%{opacity:0;left:34px}to{opacity:1;left:44px}}.user-profile{padding:20px;border-top:1px solid #e0e6ed;display:flex;align-items:center;gap:12px;transition:all .3s ease}.user-avatar{width:40px;height:40px;background:#6c63ff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.user-info{transition:opacity .3s ease}.user-name{font-weight:500;color:#333}.user-id{font-size:12px;color:#666}.sidebar:not(.open) .user-profile{padding:20px 10px;justify-content:center}.sidebar:not(.open) .user-info{opacity:0;width:0;overflow:hidden}.main-content{display:flex;flex-direction:column;flex:1;min-width:0;overflow-y:auto;overflow-x:hidden}.page{display:none}.page.active{display:flex;flex-direction:column;flex:1;overflow-y:visible;overflow-x:hidden}.page-content{padding:0}.required{color:#d24c4c}.no-data-message{display:flex;align-items:center;gap:16px;flex-direction:column;flex-grow:1;padding:24px 0}.no-data-message p{color:#9f9f9f;font-weight:300;font-size:14px}.filters{display:flex;align-items:center}.filter-item{display:flex;align-items:center;gap:var(--space-2);background:var(--color-bg-card);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.filter-item select{border:none;background:none;font-size:var(--font-size-base);cursor:pointer}.filter-tag{background:var(--color-primary-light);color:var(--color-primary);padding:var(--space-1) var(--space-3);border-radius:20px;font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-2)}.filter-tag i{cursor:pointer}.edit-dashboard-btn{background:none;border:1px solid var(--color-primary);color:var(--color-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.edit-dashboard-btn:hover{background:var(--color-primary);color:#fff}.custom-date-range{position:absolute;top:100%;left:0;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-4);z-index:var(--z-dropdown);min-width:300px}.date-inputs{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.date-inputs input[type=date],.date-inputs input[type=time]{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base)}.date-inputs span{color:var(--color-text-secondary);font-weight:500}.date-time-group{display:flex;align-items:center;gap:var(--space-2)}.date-time-group label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.custom-date-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.apply-custom-date,.cancel-custom-date{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;display:flex;align-items:center;gap:var(--space-1);border:none;transition:var(--transition-fast)}.apply-custom-date{background:var(--color-success);color:#fff}.apply-custom-date:hover:not(:disabled){background:var(--color-success-dark, #3d8c24)}.apply-custom-date:disabled{background:var(--color-gray-400);cursor:not-allowed}.cancel-custom-date{background:var(--color-error);color:#fff}.cancel-custom-date:hover{background:var(--color-error-dark, #c41e2a)}.filter-item{position:relative}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(340px,auto);gap:var(--space-2);align-items:stretch}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(350px,auto)}.call-source-chart,.call-metrics-timeseries{grid-column:span 2}}@media (max-width: 1024px) and (max-height: 768px) and (orientation: landscape){.dashboard-grid{display:flex;flex-direction:column;gap:var(--space-3)}.dashboard-grid>*{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.dashboard-grid .widget,.dashboard-grid .stats-widget,.dashboard-grid .chart-widget,.call-source-chart,.call-metrics-timeseries{width:100%!important;grid-column:auto!important}}@media (max-width: 768px){.dashboard-grid{display:flex;flex-direction:column;gap:var(--space-3)}.dashboard-grid>*{width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important}.dashboard-grid .widget,.dashboard-grid .stats-widget,.dashboard-grid .chart-widget{width:100%!important;grid-column:auto!important}.call-source-chart,.call-metrics-timeseries{grid-column:span 1}.page-content{padding:8px}}.dashboard-grid .widget{display:flex;flex-direction:column;height:100%}.widget{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-3);border:1px solid var(--color-border)}.widget h3{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:0}.stats-widget{grid-column:span 1;display:flex;flex-direction:column;height:100%;padding:var(--space-2)}.dash--filters{padding-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-3)}.dash--filters__title{flex-grow:1;font-weight:600;color:var(--color-text-primary);margin:0}.success-rate{font-size:var(--font-size-lg);font-weight:500}.stats-section{display:flex;flex:1;gap:var(--space-2)}.stats-section.h1{flex-direction:row;gap:var(--space-5);border-bottom:1px solid var(--color-border-light);align-items:center;justify-content:space-around}.stats-section.h2{flex-direction:column;border-bottom:1px solid var(--color-border);padding:var(--space-2);padding-top:var(--space-5)}.divider{border-top:1px solid var(--color-border-light)}.stats-section.h3{align-items:center;justify-content:center;flex:.5;padding-top:var(--space-5);padding-bottom:var(--space-2)}.stat-item{text-align:center;flex:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);padding:var(--space-5) 0}.stat-item.live-call{background:var(--color-success-light);border:solid 1px var(--color-success-border, rgba(76, 176, 45, .2))}.stat-item.live-call .stat-number{color:var(--color-success)}.stat-item.total-call{background:var(--color-primary-light);border:solid 1px var(--color-primary-border, rgba(90, 79, 207, .2))}.stat-item.total-call .stat-number{color:var(--color-primary)}.source-item{display:flex;justify-content:space-between;align-items:center;flex:1}.main-stat{font-size:var(--font-size-4xl, 36px);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-1)}.total-stat{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary)}.stat-number{font-size:var(--font-size-lg);font-weight:500;color:var(--color-text-primary);text-align:right}.stat-number.blue{color:var(--color-info)}.stat-number.green{color:var(--color-success)}.stat-number.orange{color:var(--color-warning)}.stat-label{font-size:var(--font-size-xs);margin-top:var(--space-1);color:var(--color-text-secondary)}.source-item .stat-label{flex:1;font-size:var(--font-size-xs)}.source-item .stat-number{font-weight:500;font-size:var(--font-size-lg)}.call-summary{color:var(--color-text-secondary);line-height:1.4;text-align:center;font-size:var(--font-size-sm)}.highlight-blue{color:var(--color-info);font-weight:600}.highlight-orange{color:var(--color-warning);font-weight:600}.highlight-green{color:var(--color-success);font-weight:600}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-gray-200);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.loading-text{color:var(--color-text-secondary);font-size:var(--font-size-base);text-align:center}.chart-widget{position:relative}.call-source-chart,.call-metrics-timeseries{grid-column:span 3}.agent-call-share{grid-column:span 1}.chart-container{display:flex;align-items:end;flex:1;min-height:0;padding:0}.chart-container--full{flex:1;min-height:220px;height:100%;padding:0}.chart-container--full canvas{padding:0!important}.agent-call-share .chart-container{padding:0}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);gap:var(--space-3)}.chart-summary{display:flex;align-items:center}.source-stats{display:flex;align-items:center;gap:var(--space-3);flex-wrap:nowrap}.source-stat{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);white-space:nowrap}.source-stat.total{border-left:1px solid var(--color-border);padding-left:var(--space-3);margin-left:var(--space-1);font-weight:600}.source-dot{--size: 7px;width:var(--size);height:var(--size);border-radius:50%;margin-right:2px}.source-dot.website{background:var(--color-info)}.source-dot.app{background:var(--color-success)}.source-dot.phone{background:var(--color-warning)}.source-count{font-weight:600;color:var(--color-text-primary)}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-4)}.legend-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs)}.legend-color{width:12px;height:12px;border-radius:2px}.no-data-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-text-secondary);text-align:center}.no-data-message p{margin-top:var(--space-3);font-size:var(--font-size-sm)}.table-widget{min-height:200px;display:flex;flex-direction:column}.table-placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-gray-300);font-size:48px}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);background:var(--color-bg-card);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.reports-header h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:600}.report-count{color:var(--color-text-secondary);font-weight:400;font-size:var(--font-size-lg)}.reports-controls{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.user-filter,.date-filter{display:flex;align-items:center;gap:var(--space-2);background:var(--color-gray-50);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--color-border)}.filter-btn,.close-btn{background:var(--color-gray-50);border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary)}.close-btn{background:var(--color-warning);color:#fff;border-color:var(--color-warning)}.reports-table-container{background:var(--color-bg-card);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:var(--space-5)}.reports-table{width:100%;border-collapse:collapse}.reports-table th{background:var(--color-gray-50);padding:var(--space-4);text-align:left;font-weight:600;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);position:sticky;top:0}.reports-table td{padding:var(--space-4);border-bottom:1px solid var(--color-gray-100)}.reports-table tr:hover{background-color:var(--color-gray-50)}.status-answered{background:var(--color-success-light);color:var(--color-success)}.status-rejected{background:var(--color-error-light);color:var(--color-error)}.status-customer{background:var(--color-warning-light);color:var(--color-warning)}.call-duration{font-family:var(--font-mono);background:var(--color-gray-100);padding:2px var(--space-1);border-radius:var(--radius-sm)}.detail-btn{background:var(--color-info);color:#fff;border:none;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xs)}.rec-icon{color:var(--color-info);font-size:var(--font-size-lg)}.live-stats{display:flex;gap:var(--space-5);margin-bottom:var(--space-5);flex-wrap:wrap}.live-stat-card{background:var(--color-bg-card);padding:var(--space-5);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:center;flex:1;min-width:150px}.live-stat-number{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-info);margin-bottom:var(--space-1)}.live-stat-label{color:var(--color-text-secondary);font-size:var(--font-size-base)}.live-calls-container{background:var(--color-bg-card);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.live-calls-table{width:100%;border-collapse:collapse}.live-calls-table th{background:var(--color-gray-50);padding:var(--space-4);text-align:left;font-weight:600;color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.live-calls-table td{padding:var(--space-4);border-bottom:1px solid var(--color-gray-100)}.live-indicator{display:inline-block;width:8px;height:8px;background:var(--color-success);border-radius:50%;margin-right:var(--space-2);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width: 768px){.dashboard-grid{grid-auto-rows:auto}.dashboard-grid .widget{min-height:300px}.widget{padding:var(--space-3)}.main-stat{font-size:var(--font-size-3xl)}.total-stat{font-size:var(--font-size-xl)}.chart-header{flex-direction:row;align-items:center;flex-wrap:wrap}.source-stats{flex-wrap:wrap;gap:var(--space-2)}.dash--filters{flex-wrap:wrap}.filters{flex-wrap:wrap;gap:var(--space-2)}.custom-date-range{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px}.date-time-group{flex-wrap:wrap}}@media (max-width: 480px){.dashboard-grid{gap:var(--space-2);grid-auto-rows:auto}.dashboard-grid .widget{min-height:auto}.widget{padding:var(--space-2)}.widget h3{font-size:var(--font-size-base)}.stats-widget{padding:var(--space-1)}.stats-section{flex-direction:column;gap:var(--space-2)}.stat-item{padding:var(--space-3) var(--space-2);flex-direction:column}.main-stat{font-size:var(--font-size-2xl)}.total-stat{font-size:var(--font-size-lg)}.stat-label{font-size:10px}.stats-section.h2{padding:var(--space-2);padding-top:var(--space-3)}.source-item{padding:var(--space-1) 0}.chart-header{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.chart-header h3{font-size:var(--font-size-sm);flex-shrink:0}.source-stats{gap:var(--space-2);flex-wrap:nowrap;overflow-x:auto}.source-stat{font-size:10px;flex-shrink:0}.source-stat .source-label{display:none}.source-stat.total{border-left:1px solid var(--color-border);padding-left:var(--space-2);margin-left:0}.source-stat.total .source-label{display:inline}.dash--filters{flex-direction:row;align-items:center;gap:var(--space-2);flex-wrap:nowrap}.dash--filters__title{font-size:var(--font-size-base);flex-shrink:0}.filter-item{flex:1;min-width:0}.filter-item select{width:100%;font-size:var(--font-size-sm)}.custom-date-range{width:calc(100% - var(--space-4));max-width:none;padding:var(--space-3)}.date-inputs{flex-direction:column;align-items:stretch}.date-time-group{width:100%;flex-direction:column;align-items:stretch}.date-time-group input{width:100%}.date-separator{text-align:center;padding:var(--space-2) 0}.custom-date-actions{flex-direction:column}.custom-date-actions button{width:100%;justify-content:center}.reports-header{flex-direction:column;gap:var(--space-3);align-items:stretch;padding:var(--space-3)}.reports-controls{width:100%;flex-direction:column}.user-filter,.date-filter{width:100%}.pagination{flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3)}.pagination-btn{flex:1;min-width:80px;text-align:center}.live-stats{gap:var(--space-2)}.live-stat-card{min-width:calc(50% - var(--space-1));padding:var(--space-3)}.live-stat-number{font-size:var(--font-size-2xl)}.live-stat-label{font-size:var(--font-size-sm)}.reports-table-container,.live-calls-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.reports-table,.live-calls-table{min-width:600px}.reports-table th,.reports-table td,.live-calls-table th,.live-calls-table td{padding:var(--space-2);font-size:var(--font-size-sm)}}@media (max-width: 360px){.dashboard-grid .widget{min-height:250px}.main-stat{font-size:var(--font-size-xl)}.stat-item{padding:var(--space-2)}.live-stat-card{min-width:100%}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#ffffff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:20px 24px;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000a;transition:all .3s ease;cursor:default}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#8b5cf6 0%,#7c3aed 100%);transition:all .3s ease}.stat-card:hover{border-color:#00000014;box-shadow:0 8px 24px #00000014}.stat-card.accent-purple:before{background:linear-gradient(180deg,#8b5cf6 0%,#7c3aed 100%)}.stat-card.accent-green:before{background:linear-gradient(180deg,#22c55e 0%,#16a34a 100%)}.stat-card.accent-orange:before{background:linear-gradient(180deg,#f97316 0%,#ea580c 100%)}.stat-card.accent-blue:before{background:linear-gradient(180deg,#3b82f6 0%,#2563eb 100%)}.stat-card.accent-red:before{background:linear-gradient(180deg,#ef4444 0%,#dc2626 100%)}.stat-card.accent-yellow:before{background:linear-gradient(180deg,#f59e0b 0%,#d97706 100%)}.stat-card.accent-teal:before{background:linear-gradient(180deg,#14b8a6 0%,#0d9488 100%)}.stat-card.accent-pink:before{background:linear-gradient(180deg,#ec4899 0%,#db2777 100%)}.stat-card.accent-cyan:before{background:linear-gradient(180deg,#06b6d4 0%,#0891b2 100%)}.stat-card.accent-indigo:before{background:linear-gradient(180deg,#6366f1 0%,#4f46e5 100%)}.stat-icon{width:56px;height:56px;border-radius:14px!important;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;background:linear-gradient(135deg,rgba(139,92,246,.15) 0%,rgba(139,92,246,.1) 100%)!important;color:#8b5cf6!important}.stat-icon i,.stat-icon svg{color:inherit!important;fill:currentColor}.stat-icon.purple{background:linear-gradient(135deg,rgba(139,92,246,.18) 0%,rgba(139,92,246,.08) 100%)!important;color:#8b5cf6!important}.stat-icon.green{background:linear-gradient(135deg,rgba(34,197,94,.18) 0%,rgba(34,197,94,.08) 100%)!important;color:#22c55e!important}.stat-icon.orange{background:linear-gradient(135deg,rgba(249,115,22,.18) 0%,rgba(249,115,22,.08) 100%)!important;color:#f97316!important}.stat-icon.blue{background:linear-gradient(135deg,rgba(59,130,246,.18) 0%,rgba(59,130,246,.08) 100%)!important;color:#3b82f6!important}.stat-icon.red{background:linear-gradient(135deg,rgba(239,68,68,.18) 0%,rgba(239,68,68,.08) 100%)!important;color:#ef4444!important}.stat-icon.yellow{background:linear-gradient(135deg,rgba(245,158,11,.18) 0%,rgba(245,158,11,.08) 100%)!important;color:#f59e0b!important}.stat-icon.teal{background:linear-gradient(135deg,rgba(20,184,166,.18) 0%,rgba(20,184,166,.08) 100%)!important;color:#14b8a6!important}.stat-icon.pink{background:linear-gradient(135deg,rgba(236,72,153,.18) 0%,rgba(236,72,153,.08) 100%)!important;color:#ec4899!important}.stat-icon.cyan{background:linear-gradient(135deg,rgba(6,182,212,.18) 0%,rgba(6,182,212,.08) 100%)!important;color:#06b6d4!important}.stat-icon.indigo{background:linear-gradient(135deg,rgba(99,102,241,.18) 0%,rgba(99,102,241,.08) 100%)!important;color:#6366f1!important}.stat-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.stat-details p{margin:0;font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.4px;order:-1}.stat-details h3.stat-value-small{font-size:18px}.stat-card.accent-purple .stat-details h3,.stat-card.accent-purple .stat-value{color:#7c3aed}.stat-card.accent-green .stat-details h3,.stat-card.accent-green .stat-value{color:#16a34a}.stat-card.accent-orange .stat-details h3,.stat-card.accent-orange .stat-value{color:#ea580c}.stat-card.accent-blue .stat-details h3,.stat-card.accent-blue .stat-value{color:#2563eb}.stat-card.accent-red .stat-details h3,.stat-card.accent-red .stat-value{color:#dc2626}.stat-card.accent-yellow .stat-details h3,.stat-card.accent-yellow .stat-value{color:#d97706}.stat-card.accent-teal .stat-details h3,.stat-card.accent-teal .stat-value{color:#0d9488}.stat-card.accent-pink .stat-details h3,.stat-card.accent-pink .stat-value{color:#db2777}.stat-card.accent-cyan .stat-details h3,.stat-card.accent-cyan .stat-value{color:#0891b2}.stat-card.accent-indigo .stat-details h3,.stat-card.accent-indigo .stat-value{color:#4f46e5}.stat-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.stat-label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.4px}.stat-value{font-size:28px;font-weight:700;color:#1f2937;line-height:1.2}.stat-trend{height:40px;display:flex;align-items:center;justify-content:flex-end;opacity:.8;flex-shrink:0}.stat-trend svg{width:70px;height:35px}.stat-change{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;margin-top:6px;padding:2px 8px;border-radius:6px}.stat-change.positive{color:#059669;background:rgba(16,185,129,.1)}.stat-change.negative{color:#dc2626;background:rgba(239,68,68,.1)}.stat-change i{font-size:10px}.stat-card.compact{padding:16px 20px;gap:12px}.stat-card.compact .stat-icon{width:48px;height:48px;border-radius:12px!important;font-size:20px}.stat-card.compact .stat-details h3,.stat-card.compact .stat-value{font-size:24px}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.stat-card{padding:16px;gap:12px;flex-direction:column;text-align:center}.stat-card:before{display:none}.stat-icon{width:48px;height:48px;font-size:20px;border-radius:12px!important}.stat-details h3,.stat-value{font-size:24px}.stat-details p,.stat-label{font-size:11px}.stat-trend{display:none}}@media (max-width: 480px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px;gap:8px;border-radius:12px}.stat-icon{width:42px;height:42px;font-size:18px;border-radius:10px!important}.stat-details h3,.stat-value{font-size:20px}.stat-details p,.stat-label{font-size:10px;letter-spacing:.2px}}.table tbody tr[data-clickable=true],.table tbody tr[title*="Click to view"]{cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}.table tbody tr[data-clickable=true]:hover,.table tbody tr[title*="Click to view"]:hover{background-color:#f8f9fa!important;box-shadow:0 2px 4px #0000001a}.transcript-indicator{margin-left:5px;font-size:12px;opacity:.8}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#e3f2fd;border-radius:12px;font-size:12px;font-weight:500;color:#1976d2}.transcript-indicator{margin-left:5px;font-size:12px;opacity:.8;filter:grayscale(.3)}.btn-secondary{background:#6c757d;color:#fff}.role-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.role-badge.role-super_admin{background:#e92063;color:#fff;font-weight:500;padding:2px 8px}.role-badge.role-admin{background:#ff9800;color:#fff;font-weight:500;padding:2px 8px}.role-badge.role-user{background:#4caf50;color:#fff;font-weight:500;padding:2px 8px;border:0px}.role-badge.role-viewer{background:#9e9e9e;color:#fff}.status-badge.active{background:#e8f5e8;color:#4caf50}.status-badge.inactive{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.agents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 20px}.agents-header h2{color:#333;font-size:24px;font-weight:600}.agents-controls{display:flex;gap:15px;align-items:center}.agents-stats{display:flex;gap:20px;margin-bottom:30px;padding:0 20px}.agents-table-container{background:white;border-radius:12px;margin:0 20px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.agents-table{width:100%;border-collapse:collapse}.agents-table th{background:#f8f9fa;padding:15px 12px;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #e0e6ed}.agents-table td{padding:15px 12px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.agents-table tr:hover{background:#f8f9fa}.prompt-preview{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;font-size:13px;padding:4px 8px;background:#f8f9fa;border-radius:4px;cursor:help}.channels-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 20px}.channels-header h2{color:#333;font-size:24px;font-weight:600}.channels-controls{display:flex;gap:15px;align-items:center}.channels-stats{display:flex;gap:20px;margin-bottom:30px;padding:0 20px}.channels-table-container{background:white;border-radius:12px;margin:0 20px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.channels-table{width:100%;border-collapse:collapse}.channels-table th{background:#f8f9fa;padding:15px 12px;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #e0e6ed}.channels-table td{padding:15px 12px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.channels-table tr:hover{background:#f8f9fa}.config-preview{color:#666;font-size:13px;padding:4px 8px;background:#f8f9fa;border-radius:4px;cursor:help}.channel-assignment-item{padding:10px;border:1px solid #e0e6ed;border-radius:8px;margin-bottom:10px;background:#fff}.channel-assignment-item:hover{background:#f8f9fa}.channel-assignment-item .checkbox-label{padding:12px;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s;width:100%}.channel-assignment-item .checkbox-label:hover{background:#f9fafb;border-color:#d1d5db}.channel-assignment-item .checkbox-label.checked{background:#f0f9ff;border-color:#3b82f6}.channel-info{margin-left:10px;flex:1;display:flex;flex-direction:column;gap:4px}.channel-info strong{display:block;color:#333;font-size:14px}.channel-type{color:#666;font-size:12px;text-transform:uppercase;font-weight:500;letter-spacing:.025em}.channels-list{max-height:300px;overflow-y:auto;padding:10px;border:1px solid #e0e6ed;border-radius:8px;background:#f8f9fa}.agent-info h4{color:#333;margin-bottom:10px;font-size:16px;font-weight:500}.agent-info p{color:#666;margin-bottom:15px}.notification{position:fixed;top:20px;right:20px;background:white;border-radius:8px;padding:16px 20px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:12px;z-index:1001;min-width:300px;animation:notificationSlideIn .3s ease-out}@keyframes notificationSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-success{border-left:4px solid #4caf50}.notification-success i{color:#4caf50}.notification-error{border-left:4px solid #f44336}.notification-error i{color:#f44336}.notification-info{border-left:4px solid #2196f3}.notification-info i{color:#2196f3}.notification span{flex:1;color:#333;font-size:14px}.notification-close{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.notification-close:hover{background:#f0f0f0}.agent-info{display:flex;flex-direction:column;gap:5px}.agent-type-badge{margin-top:4px}.agent-details{font-size:13px;line-height:1.5}.category-info,.task-info{color:#666;font-size:12px;margin-bottom:4px}.category-info i,.task-info i,.goal-preview i,.llm-info i{margin-right:5px;color:#007bff;width:14px}.llm-info{color:#555;font-size:12px;margin-top:4px;text-align:center}.llm-model{font-weight:600;color:#333;font-size:13px}.temp-info{color:#888;font-size:11px;margin-top:2px}.channel-link-btn{padding:4px 8px!important;color:#007bff!important;border:none!important;background:none!important;font-size:14px}.channel-link-btn:hover{color:#0056b3!important;background:rgba(0,123,255,.1)!important;border-radius:4px}.column-controls{position:relative;display:inline-block}.column-options{position:absolute;top:100%;right:0;background:white;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;padding:10px;min-width:150px;z-index:1000}.column-option{display:block;padding:5px 0;font-size:13px;cursor:pointer;color:#333}.column-option input[type=checkbox]{margin-right:8px}.goal-preview{color:#555;display:flex;align-items:center;gap:5px}.goal-preview i{color:#667eea;font-size:11px}.agent-details-modal h4{margin-bottom:20px;color:#333}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-item{padding:10px;background:#f8f9fa;border-radius:6px;border-left:3px solid #667eea}.detail-item.full-width{grid-column:1 / -1}.detail-item strong{color:#333;display:block;margin-bottom:5px}.agent-detail-container{padding:20px;max-width:1200px;margin:0 auto}.agent-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.agent-header-info h1{margin:0 0 8px;font-size:2rem;font-weight:700;color:#111827}.agent-visibility-badge{display:inline-block;background:#10b981;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-left:12px}.agent-id{color:#6b7280;font-size:14px;font-family:Courier New,monospace;margin-top:4px}.agent-header-actions{display:flex;gap:12px}.page-subtitle{line-height:1.8;color:#666;font-size:12px;margin:8px 0 0}.tabs-container{background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.tabs-nav{display:flex;background:#f8f9fa;border-bottom:1px solid #e0e6ed;padding:0}.tab-btn{background:none;border:none;padding:16px 24px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;display:flex;align-items:center;gap:8px;position:relative}.tab-btn:hover{background:rgba(255,255,255,.5);color:#333}.tab-btn.active{background:white;color:#667eea;border-bottom-color:#667eea}.tab-btn i{font-size:16px}.tabs-content{min-height:400px;background:white}.settings-tab-content{padding:30px;line-height:1.6}.settings-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:35px;gap:20px}.settings-section-header h3{font-size:24px;font-weight:600;color:#333;margin:0 0 8px}.settings-section-header p{color:#666;margin:0;font-size:14px;line-height:1.5}.form-group{margin-bottom:24px}.form-group label{display:block;font-weight:500;color:#333;margin-bottom:8px;font-size:14px;line-height:1.4}.form-input,.form-select,.form-textarea{width:100%;padding:12px;border:2px solid #e0e6ed;border-radius:8px;font-size:14px;transition:border-color .3s ease;box-sizing:border-box}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea{resize:vertical;min-height:100px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:20px;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:35px}.stat-card{background:white;border:1px solid #e0e6ed;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-content{flex:1}.stat-number{font-size:24px;font-weight:500;color:#333;line-height:1.2}.stat-label{font-size:14px;font-weight:500}.stat-details{flex:1}.stat-details h3{margin:0;font-size:28px;font-weight:700;color:#333;line-height:1.2}.stat-details p{margin:4px 0 0;font-size:14px;color:#666;font-weight:500}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.stat-card{padding:14px;gap:10px;flex-direction:column;text-align:center}.stat-icon{width:44px;height:44px;font-size:18px}.stat-details h3,.stat-number{font-size:22px}.stat-details p,.stat-label{font-size:12px}}@media (max-width: 480px){.stats-grid{gap:10px}.stat-card{padding:12px;border-radius:10px}.stat-icon{width:38px;height:38px;font-size:16px;border-radius:8px}.stat-details h3,.stat-number{font-size:20px}.stat-details p,.stat-label{font-size:11px}}.info-card{background:#f8f9ff;border:1px solid #e0e6ff;border-radius:12px;padding:24px;margin-bottom:35px}.info-content h4{color:#667eea;font-size:16px;font-weight:600;margin:0 0 12px;display:flex;align-items:center;gap:8px}.info-content p{color:#555;margin:0 0 16px;line-height:1.6}.info-content ul{margin:0;padding-left:20px;color:#555}.info-content li{margin-bottom:8px;line-height:1.5}.table-responsive{overflow-x:auto;border-radius:8px;border:1px solid #e0e6ed}.table{width:100%;border-collapse:collapse;background:white;margin:0}.table th{background:#f8f9fa;color:#333;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;padding:16px 20px;text-align:left;border-bottom:2px solid #e0e6ed;white-space:nowrap}.table td{padding:20px;border-bottom:1px solid #f0f0f0;vertical-align:top;line-height:1.5}.table tbody tr:hover{background-color:#f8f9fa}.table tbody tr:last-child td{border-bottom:none}.instruction-title{min-width:300px}.instruction-title strong{color:#333;font-size:14px;font-weight:600;display:block;margin-bottom:6px}.instruction-preview{color:#666;font-size:13px;line-height:1.4;max-width:400px}.priority-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-align:center;min-width:24px}.priority-badge.normal{background:#f0f0f0;color:#666}.priority-badge.high{background:#fff3cd;color:#856404}.agent-info,.global-info{display:flex;gap:6px}.agent-info i{color:#667eea}.global-info i{color:#28a745}.date-info{font-size:13px;color:#666}.type-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-align:center}.type-badge.universal{background:#e8f5e8;color:#2e7d32;border:1px solid #c8e6c9}.type-badge.user_specific{background:#e3f2fd;color:#1565c0;border:1px solid #bbdefb}.target-info{min-width:200px;font-size:13px}.target-info.universal{color:#2e7d32;display:flex;align-items:center;gap:8px}.target-info.user-specific{color:#1565c0}.target-info i{width:16px;text-align:center;flex-shrink:0}.agent-target{display:flex;align-items:center;font-size:12px;color:#666;margin-top:6px;padding-left:4px;gap:6px}.agent-target i{width:14px;text-align:center;flex-shrink:0}.action-buttons{display:flex;gap:8px;justify-content:flex-end;min-width:100px}.action-buttons .btn{min-width:auto;padding:6px 8px}@media (max-width: 1200px){.table th,.table td{padding:16px 12px}}@media (max-width: 768px){.instruction-title{min-width:250px}.target-info{min-width:150px}.table th,.table td{padding:12px 8px;font-size:12px}.instruction-title strong{font-size:13px}.instruction-preview{font-size:12px;max-width:250px}}.settings-tab-content h3:contains("Global Instructions"):after{content:"ADMIN";background:#ff9800;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:8px;vertical-align:middle}.report-content{padding:0}.report-filters{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e6ed}.filter-group{display:flex;align-items:center;gap:10px}.filter-group label{font-weight:600;color:#333;margin:0}.filter-group input[type=date]{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.filter-group span{color:#666;font-weight:500}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px}.metric-card{background:white;border:1px solid #e0e6ed;border-radius:8px;padding:24px;display:flex;align-items:center;gap:16px}.metric-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-shrink:0}.metric-content{flex:1}.metric-value{font-size:28px;font-weight:700;color:#333;line-height:1.2;margin-bottom:4px}.metric-label{font-size:14px;color:#666;font-weight:500}.analytics-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px}.chart-container h3{font-size:14px;font-weight:600;color:#333;margin:0 0 8px;border-bottom:1px solid #e0e6ed;padding-bottom:8px}.status-distribution{display:flex;flex-direction:column;gap:12px}.status-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e6ed}.status-count{font-weight:700;color:#333;font-size:16px}.status-badge{display:inline-block;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize;padding:2px 8px}.status-badge.completed{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.active{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.status-badge.failed{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.role-badge{display:inline-block;padding:0;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.role-badge.admin{background:#e3f2fd;color:#1565c0;border:1px solid #bbdefb}.role-badge.user{background:#f3e5f5;color:#7b1fa2;border:1px solid #e1bee7}.user-info .user-email{font-size:12px;color:#666;margin-top:2px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:20px}.loading-spinner{width:40px;height:40px;border:4px solid #e0e6ed;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{color:#666;font-weight:500}@media (max-width: 768px){.analytics-summary,.analytics-charts{grid-template-columns:1fr}.report-filters{flex-direction:column;align-items:flex-start;gap:16px}.filter-group{flex-wrap:wrap}.metric-card{padding:12px}.chart-container{padding:0}}.agent-tab-content .form-group{margin-bottom:16px}.agent-tab-content .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.agent-tab-content label{display:block;font-weight:600;color:#374151;margin-bottom:6px;font-size:14px}.agent-tab-content .form-control{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s}.agent-tab-content .form-control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.agent-tab-content textarea.form-control{resize:vertical;min-height:100px}.form-range{width:100%;height:6px;background:#e5e7eb;border-radius:3px;outline:none;-webkit-appearance:none}.form-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#667eea;border-radius:50%;cursor:pointer}.form-range::-moz-range-thumb{width:20px;height:20px;background:#667eea;border-radius:50%;cursor:pointer;border:none}.range-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#6b7280}.voice-tab-content .voice-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f3f4f6}.voice-tab-content .voice-section:last-child{border-bottom:none}.voice-tab-content h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.voice-tab-content p{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:16px}.new-badge{background:#10b981;color:#fff;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600;margin-left:8px}.file-hint{font-size:12px;color:#9ca3af;margin-top:8px}.analysis-tab-content .analysis-section{margin-bottom:32px;padding:24px;background:#fafafa;border-radius:8px;border-left:4px solid #667eea}.analysis-tab-content h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.analysis-tab-content p{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:16px}.link{color:#667eea;text-decoration:underline}.security-tab-content .security-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f3f4f6}.security-tab-content .security-section:last-child{border-bottom:none}.security-tab-content h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.security-tab-content p{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:16px}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#667eea}input:checked+.toggle-slider:before{transform:translate(26px)}.allowlist-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:16px;margin-top:12px}.allowlist-info p{margin:0;color:#6b7280;font-size:14px}.override-options{background:#f9fafb;border-radius:8px;padding:16px}.override-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.override-item:last-child{border-bottom:none}.override-item span{font-size:14px;color:#374151}.sub-text{font-size:12px;color:#9ca3af;margin-top:4px}.advanced-tab-content .advanced-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f3f4f6}.advanced-tab-content .advanced-section:last-child{border-bottom:none;margin-bottom:0}.advanced-tab-content h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.advanced-tab-content p{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:16px}.client-events{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.event-tag{background:#f3f4f6;color:#374151;padding:6px 10px;border-radius:20px;font-size:12px;display:inline-flex;align-items:center;gap:6px}.event-tag i{cursor:pointer;opacity:.7}.event-tag i:hover{opacity:1}.privacy-options{background:#f9fafb;border-radius:8px;padding:16px}.privacy-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.privacy-item:last-child{border-bottom:none}.privacy-item span{font-size:14px;color:#374151}.unsaved-changes-bar{position:fixed;bottom:0;left:0;right:0;background:#fef3c7;border-top:1px solid #f59e0b;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;z-index:1000}.changes-info{display:flex;align-items:center;gap:8px;color:#92400e;font-size:14px}.changes-actions{display:flex;gap:12px}@media (max-width: 768px){.modal-content{width:95%;margin:5% auto}.form-row{flex-direction:column;gap:0}.notification{right:10px;left:10px;min-width:auto}.details-grid{grid-template-columns:1fr}.agent-detail-header{flex-direction:column;gap:16px;align-items:stretch}.agent-header-actions{justify-content:flex-end}.agent-detail-tabs .tab-nav{overflow-x:auto;padding:0 10px}.agent-tab-content .form-row{grid-template-columns:1fr}}.enterprise-pricing{background:linear-gradient(135deg,#f8f9ff 0%,#e8f0ff 100%);border:2px solid #e3f2fd;border-radius:12px;padding:24px;margin-bottom:20px}.enterprise-pricing h3{color:#1976d2;font-size:20px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.enterprise-pricing h3:before{content:"🏢";font-size:18px}.pricing-commitment-section{background:white;border-radius:8px;padding:20px;margin-top:16px;border:1px solid #e0e7ff}.pricing-commitment-section h4{color:#4338ca;font-size:16px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.pricing-commitment-section h4:before{content:"💰";font-size:14px}.pricing-commitment-section p{color:#6b7280;margin-bottom:16px;font-size:14px}.commitment-pricing{position:relative}.commitment-pricing input{border:2px solid #e0e7ff;border-radius:8px;padding:12px;font-size:16px;font-weight:500;transition:all .2s}.commitment-pricing input:focus{border-color:#4338ca;box-shadow:0 0 0 3px #4338ca1a}.commitment-pricing small{color:#059669;font-weight:500;font-style:italic}.pricing-preview{background:#f0fdf4;border:2px solid #bbf7d0;border-radius:8px;padding:16px;margin-top:16px}.pricing-preview h5{color:#065f46;font-size:14px;font-weight:600;margin-bottom:12px}.preview-pricing{display:flex;gap:12px;flex-wrap:wrap}.pricing-option-preview{background:white;border:2px solid #10b981;border-radius:8px;padding:8px 16px;font-size:16px;font-weight:600;color:#065f46;box-shadow:0 2px 4px #10b9811a}.management-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:20px;margin-bottom:30px}.management-metrics-grid.three-cols,.management-metrics-grid.four-cols{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (min-width: 1200px){.management-metrics-grid.three-cols{grid-template-columns:repeat(3,1fr)}.management-metrics-grid.four-cols{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1199px) and (min-width: 1024px){.management-metrics-grid.four-cols{grid-template-columns:repeat(2,1fr)}.management-metrics-grid.three-cols{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1023px) and (min-width: 768px){.management-metrics-grid.three-cols,.management-metrics-grid.four-cols{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.management-metrics-grid.three-cols,.management-metrics-grid.four-cols{grid-template-columns:1fr}}.management-metric-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;padding:24px;color:#fff;box-shadow:0 4px 20px #667eea26;position:relative;overflow:hidden}.management-metric-card:nth-child(2){background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);box-shadow:0 4px 20px #f5576c26}.management-metric-card:nth-child(3){background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);box-shadow:0 4px 20px #4facfe26}.management-metric-card:nth-child(4){background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);box-shadow:0 4px 20px #43e97b26}.management-metric-header{display:flex;align-items:center;margin-bottom:12px;position:relative;z-index:1}.management-metric-icon{font-size:24px;margin-right:12px;opacity:.9}.management-metric-title{font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;opacity:.95}.management-metric-value{font-size:36px;font-weight:700;line-height:1;position:relative;z-index:1}.management-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px;background:white;border-radius:12px;box-shadow:0 1px 3px #00000014}.management-section-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.management-empty-state{text-align:center;padding:80px 40px;background:#ffffff;border-radius:16px;border:2px dashed #d1d5db}.management-empty-icon{font-size:80px;margin-bottom:24px;opacity:.5}.management-empty-state h3{font-size:24px;font-weight:600;color:#1f2937;margin-bottom:12px}.management-empty-state p{font-size:16px;color:#6b7280;max-width:500px;margin:0 auto 30px;line-height:1.6}.management-empty-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.management-role-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.management-role-badge.role-payg{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1e40af}.management-role-badge.role-enterprise{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e}.management-role-badge.role-ai_services{background:linear-gradient(135deg,#e9d5ff 0%,#d8b4fe 100%);color:#6b21a8}.management-role-badge.role-voice{background:linear-gradient(135deg,#fce7f3 0%,#fbcfe8 100%);color:#9f1239}.management-role-badge.role-data{background:linear-gradient(135deg,#ccfbf1 0%,#99f6e4 100%);color:#115e59}.management-table-container{background:white;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.management-table{width:100%;border-collapse:collapse}.management-table thead{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%)}.management-table thead th{padding:16px 20px;text-align:left;font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb}.management-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.management-table tbody tr:hover{background:#f9fafb}.management-table tbody td{padding:16px 20px;font-size:14px;color:#4b5563}.pricing-group-card{margin-bottom:24px;background:white;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.pricing-group-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-bottom:1px solid #e5e7eb}.pricing-group-header h4{margin:0;font-size:16px;font-weight:600;color:#1f2937}.mateic-4card{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4, 16px);margin-bottom:var(--space-6, 24px)}.mateic-4card .metric-card{background:var(--color-bg-card, #fff);border-radius:var(--radius-lg, 12px);padding:var(--space-5, 20px);border:1px solid var(--color-border, #e0e0e0);display:flex;flex-direction:column;gap:var(--space-2, 8px)}.mateic-4card .metric-card.total{border-left:4px solid var(--color-primary, #5A4FCF)}.mateic-4card .metric-card.active{border-left:4px solid var(--color-success, #4cb02d)}.mateic-4card .metric-card.admins{border-left:4px solid var(--color-warning, #ED9121)}.mateic-4card .metric-card.inactive{border-left:4px solid var(--color-error, #ED2939)}.mateic-4card .metric-header{display:flex;align-items:center;justify-content:space-between}.mateic-4card .metric-title{font-size:var(--font-size-sm, 13px);color:var(--color-text-secondary, #757575);font-weight:500}.mateic-4card .metric-value{font-size:var(--font-size-3xl, 28px);font-weight:700;color:var(--color-text-primary, #212121)}@media (max-width: 1200px){.mateic-4card{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.mateic-4card{grid-template-columns:repeat(2,1fr);gap:var(--space-3, 12px)}.mateic-4card .metric-card{padding:var(--space-4, 16px)}.mateic-4card .metric-value{font-size:var(--font-size-2xl, 24px)}}@media (max-width: 480px){.mateic-4card{grid-template-columns:1fr}}.reports-table{width:100%;border-collapse:collapse;background:var(--color-bg-card, #fff)}.reports-table th{background:var(--color-gray-50, #fafafa);padding:var(--space-4, 16px);text-align:left;font-weight:600;color:var(--color-text-primary, #333);border-bottom:2px solid var(--color-border, #e0e0e0);white-space:nowrap}.reports-table td{padding:var(--space-4, 16px);border-bottom:1px solid var(--color-border-light, #f0f0f0);vertical-align:middle}.reports-table tbody tr:hover{background:var(--color-gray-50, #fafafa)}@media (max-width: 992px){.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.reports-table th,.reports-table td{padding:var(--space-3, 12px) var(--space-2, 8px);font-size:var(--font-size-sm, 13px)}}@media (max-width: 768px){.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -12px;padding:0 12px}.reports-table{min-width:800px}.reports-table th,.reports-table td{padding:10px 8px;font-size:12px;white-space:nowrap}.action-buttons{display:flex;flex-direction:row;gap:4px}.action-buttons .action-btn{width:28px;height:28px;padding:4px;font-size:11px}.report-section-header{flex-direction:column;gap:12px;align-items:flex-start}.report-section-header .section-controls{width:100%}.report-section-header .section-controls .btn{width:100%;justify-content:center}}@media (max-width: 576px){.reports-table{min-width:700px}.reports-table th,.reports-table td{padding:8px 6px;font-size:11px}.action-buttons .action-btn{width:26px;height:26px;padding:3px;font-size:10px}.role-badge,.status-badge{font-size:10px;padding:2px 6px}}.action-btn{width:32px;height:32px;border-radius:var(--radius-sm, 6px);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn.edit{background:var(--color-info-light, #e1f5fe);color:var(--color-info, #008bd8)}.action-btn.edit:hover{background:var(--color-info, #008bd8);color:#fff}.action-btn.reset{background:var(--color-warning-light, #fff3e0);color:var(--color-warning, #ED9121)}.action-btn.reset:hover{background:var(--color-warning, #ED9121);color:#fff}.action-btn.delete{background:var(--color-error-light, #ffebee);color:var(--color-error, #ED2939)}.action-btn.delete:hover{background:var(--color-error, #ED2939);color:#fff}.report-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4, 16px);padding:var(--space-4, 16px);background:var(--color-bg-card, #fff);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e0e0e0)}.report-section-header h3{margin:0;font-size:var(--font-size-lg, 18px);font-weight:600;color:var(--color-text-primary, #333)}@media (max-width: 768px){.report-section-header{flex-direction:column;gap:var(--space-3, 12px);align-items:stretch}.report-section-header .section-controls{display:flex;justify-content:flex-end}}@media (max-width: 768px){.table-responsive{margin:0 -12px;border-radius:0;border-left:none;border-right:none}.table th,.table td{padding:12px 10px;font-size:13px}.table th:first-child,.table td:first-child{padding-left:12px}.table th:last-child,.table td:last-child{padding-right:12px}.card-body{padding:16px 12px}.card-header{padding:16px 12px 0;margin-bottom:16px}.card-header h2{font-size:16px}.badge{font-size:11px;padding:3px 6px}}@media (max-width: 576px){.table th,.table td{padding:10px 8px;font-size:12px}.card-body{padding:12px 8px}.card-header{padding:12px 8px 0;margin-bottom:12px}.card-header h2{font-size:15px}}@media (max-width: 768px){#page-agents .table-responsive,.report-content .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -12px;padding:0 12px}#page-agents .reports-table,.report-content .reports-table{min-width:700px}#page-agents .reports-table th,#page-agents .reports-table td,.report-content .reports-table th,.report-content .reports-table td{padding:10px 8px;font-size:12px;white-space:nowrap}#page-agents .reports-table td .agent-details,.report-content .reports-table td .agent-details{white-space:normal;min-width:150px;max-width:200px}#page-agents .action-buttons,.report-content .action-buttons{display:flex;flex-direction:row;gap:4px}#page-agents .action-buttons button,.report-content .action-buttons button{padding:4px 8px!important;font-size:12px!important}.channels-info{flex-wrap:nowrap}.channels-info .badge{font-size:11px;padding:2px 6px}.channel-link{padding:4px 6px!important;font-size:11px!important}}@media (max-width: 480px){#page-agents .reports-table,.report-content .reports-table{min-width:650px}#page-agents .reports-table th,#page-agents .reports-table td,.report-content .reports-table th,.report-content .reports-table td{padding:8px 6px;font-size:11px}.role-badge{font-size:10px;padding:2px 6px}.status-badge{font-size:0;padding:0;width:10px;height:10px;min-width:10px;border-radius:50%;display:inline-block;overflow:hidden}.status-badge.active{background:#4caf50}.status-badge.inactive{background:#991b1b}.status-badge.completed{background:#4caf50}.status-badge.failed{background:#ED2939}.status-badge.pending{background:#ED9121}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background-color:#fff;margin:2% auto;border-radius:12px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid #e0e6ed}.modal-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.modal-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.modal-close:hover{background:#f0f0f0;color:#333}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e0e6ed;background:#f8f9fa;border-radius:0 0 12px 12px}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-group{flex:1;margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;border-color:#e9ecef}.form-hint{font-size:12px;color:#666;margin-top:4px;display:block}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#333}.checkmark{width:18px;height:18px;border:2px solid #ddd;border-radius:3px;position:relative;transition:all .2s;flex-shrink:0}.checkbox-label.checked .checkmark{background:#e91e63;border-color:#e91e63}.checkbox-label.checked .checkmark:after{content:"✓";position:absolute;top:-2px;left:2px;color:#fff;font-size:12px;font-weight:700}.checkbox-label:hover .checkmark{border-color:#bbb}.checkbox-label.checked:hover .checkmark{background:#d81b60;border-color:#d81b60}input[type=range]{width:100%;height:6px;border-radius:3px;background:#e0e6ed;outline:none;-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#667eea;border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#667eea;border-radius:50%;cursor:pointer;border:none}.range-labels{display:flex;justify-content:space-between;font-size:12px;color:#666;margin-top:5px}.agent-wizard .modal-content{max-width:800px;max-height:90vh;overflow-y:auto}.wizard-title{width:80%;margin:auto;padding-bottom:12px}.wizard-progress{display:flex;flex-direction:column;align-items:center}.progress-bar{width:100%;height:3px;background:#e0e6ed;margin-bottom:24px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border-radius:2px;transition:width .3s ease;width:25%}.progress-steps{display:flex;justify-content:space-between;align-items:center}.progress-steps .step{width:32px;height:32px;border-radius:50%;background:#e0e6ed;color:#666;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .3s ease}.progress-steps .step.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.progress-steps .step.completed{background:#4caf50;color:#fff}.wizard-content{padding:24px}.wizard-step{display:none}.wizard-step.active{display:block;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wizard-step h4{font-size:24px;color:#333;margin-bottom:12px;text-align:center;font-weight:600}.agent-type-grid,.category-grid,.industry-grid,.task-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.agent-type-card,.category-card,.industry-card,.task-card{padding:30px;border:2px solid #e0e6ed;border-radius:12px;text-align:center;cursor:pointer;transition:all .3s ease;background:white;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.agent-type-card:hover,.category-card:hover,.industry-card:hover,.task-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.agent-type-card.selected,.category-card.selected,.industry-card.selected,.task-card.selected{border-color:#5a4fcf;border-width:2px;background:#ffffff;box-shadow:0 0 0 3px #5a4fcf26}.agent-type-card .icon{font-size:48px;margin-bottom:15px}.agent-type-card h5,.category-card h6,.industry-card h6,.task-card h6{font-size:16px;margin-bottom:10px;font-weight:600}.agent-type-card p,.category-card p,.industry-card p,.task-card p{color:#666;font-size:14px;line-height:1.4}.agent-type-card.selected p,.category-card.selected p,.industry-card.selected p,.task-card.selected p{color:#666}.config-tabs{margin-top:20px}.tab-nav{display:flex;border-bottom:1px solid #e0e6ed;margin-bottom:20px}.tab-btn{padding:12px 20px;border:none;background:none;color:#666;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease}.tab-btn:hover{color:#667eea;background:rgba(102,126,234,.05)}.tab-btn.active{color:#667eea;border-bottom-color:#667eea}.tab-content{display:none}.tab-content.active{display:block}.test-agent-modal{max-width:95vw;max-height:95vh;margin:2.5vh auto}.test-agent-modal .modal-body{padding:0}.test-agent-header{padding:15px 20px;border-bottom:1px solid #dee2e6;background:#f8f9fa}.test-agent-header .breadcrumb{margin:0;padding:0;background:none;display:flex;align-items:center;gap:8px;font-size:14px}.test-agent-header .breadcrumb a{color:#6c757d;text-decoration:none}.test-agent-header .breadcrumb a:hover{color:#007bff;text-decoration:underline}.test-agent-header .breadcrumb span:last-child{color:#495057;font-weight:500}.test-agent-iframe-container{width:100%;height:600px;border:none}.test-agent-iframe-container iframe{width:100%;height:100%;border:none}.wizard-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:#e91e63;color:#fff}.btn-primary:hover{background:#d81b60}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover{background:#d32f2f}.btn-secondary{background:#a8afb6;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.btn.btn-outline{background:transparent;border:1px solid #667eea;color:#667eea;margin-top:10px}.btn.btn-outline:hover{background:#667eea;color:#fff}.wizard-modal.modal-content{max-width:800px;width:85%;max-height:90vh}.wizard-step{text-align:center;display:block!important}.wizard-step p{margin-bottom:12px;font-size:14px;line-height:22px}.agent-type-grid,.category-grid,.industry-grid,.task-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;max-width:100%;text-align:left}.agent-type-card h4,.category-card h4,.industry-card h4,.task-card h4{margin:0 0 10px;color:#333;font-size:16px;font-weight:600}.agent-type-card p,.category-card p,.industry-card p,.task-card p{margin:0;color:#666;font-size:14px;line-height:1.4}.wizard-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-top:1px solid #eee}.wizard-footer .btn{min-width:100px}.wizard-step .form-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.wizard-step .form-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.wizard-step .form-group{text-align:left;margin-bottom:16px}.wizard-step .form-group label{display:block;font-size:12px;font-weight:500;color:#5c5561;margin-bottom:2px}.creation-info{margin-top:30px}.info-box{display:flex;align-items:flex-start;gap:12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;color:#495057;align-items:center}.info-box .fas{color:#17a2b8;font-size:18px}.info-box strong{color:#212529;margin:0 0 3px;font-size:12px;font-weight:600}.info-box p{margin:0;font-size:14px;line-height:1.4}.channel-assignment-item{margin-bottom:12px;border:1px solid #e0e6ed;border-radius:6px;overflow:hidden}.channel-assignment-item .checkbox-label{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;transition:all .2s;width:100%;margin:0}.channel-assignment-item .checkbox-label:hover{background:#f8f9fa}.channel-assignment-item .checkbox-label.checked{background:#e3f2fd;border-color:#2196f3}.channel-info{flex:1}.channel-info strong{display:block;color:#333;font-size:14px;margin-bottom:2px}.channel-type{color:#666;font-size:12px;text-transform:capitalize}.no-channels{text-align:center;color:#666;padding:40px;font-style:italic}.agent-info{display:flex;flex-direction:column;gap:4px}.agent-info strong{font-size:14px;color:#333}.agent-type-badge{margin-top:2px}.agent-details{font-size:13px;line-height:1.4}.agent-details>div{display:flex;align-items:center;gap:6px}.agent-details i{width:12px;color:#666}.category-info{color:#495057}.task-info{color:#6c757d}.goal-preview{color:#495057;font-style:italic;cursor:help}.channels-info{display:flex;align-items:center;gap:8px}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;min-width:20px;text-align:center}.badge-info{background:#d1ecf1;color:#0c5460}.badge-warning{background:#fff3cd;color:#856404}.badge-secondary{background:#e2e3e5;color:#6c757d}.channel-link-btn{padding:4px 8px!important;color:#007bff!important;border:none!important;background:none!important;font-size:12px!important}.channel-link-btn:hover{color:#0056b3!important;background:#f8f9fa!important}.btn-link{background:none;border:none;padding:4px 8px;color:#007bff;cursor:pointer;text-decoration:none;font-size:12px}.btn-link:hover{color:#0056b3;text-decoration:underline}@media (max-width: 768px){.modal-content{width:95%;margin:5% auto}.form-row{flex-direction:column;gap:0}.modal-overlay{padding:10px}.agent-type-grid,.category-grid,.industry-grid,.task-grid{grid-template-columns:1fr}.wizard-content{padding:20px}.wizard-step h4{font-size:20px}.tab-nav{flex-wrap:wrap}.tab-btn{flex:1;min-width:100px}}.reset-password-heading{font-size:20px;font-weight:400;color:#333;padding-bottom:24px}.password-method-section{margin-bottom:16px}.password-method-section h4{display:flex;align-items:center;gap:6px;font-size:14px;margin-bottom:10px;font-weight:500}.modal-header h3 span{color:#2f6ccd;font-weight:500}.method-options-block{display:flex;gap:8px}.method-option{border:1px solid #e0e6ed;border-radius:8px;overflow:hidden}.method-option.selected{border-color:#667eea;background:rgba(102,126,234,.05)}.method-option input[type=radio]{display:none}.method-label{display:flex;align-items:center;padding:20px 8px;cursor:pointer;gap:12px;transition:all .2s ease;height:100%;position:relative}.method-label:hover{background:rgba(102,126,234,.03)}.method-option.selected .method-label{background:rgba(102,126,234,.05)}.method-icon{--size: 36px;width:var(--size);height:var(--size);background:#f8f9fa;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#6c757d;transition:all .3s ease}.method-option.selected .method-icon{background:#667eea;color:#fff}.method-content{flex:1}.method-content h5{margin:0 0 4px;font-size:14px;font-weight:500;color:#333}.method-content p{margin:0;font-size:13px}.method-badge{position:absolute;top:0;right:0}.badge.recommended{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:4px 6px;border-radius:0 0 0 4px;font-size:10px;font-weight:500}.custom-password-section{margin-bottom:16px;animation:slideDown .3s ease-out}.input-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.password-input-wrapper{position:relative;margin-bottom:12px}.password-input{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease;font-family:SF Mono,Monaco,Cascadia Code,monospace}.password-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.password-requirements h6{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;font-weight:600;color:#495057}.custom-password-section .form-group label{font-size:inherit}.password-requirements ul,.auto-generate-section ul{margin:0;padding-left:20px;list-style:none}.password-requirements li,.auto-generate-section li{position:relative;margin-bottom:2px;font-size:13px;color:#6c757d;line-height:1.4}.password-requirements li:before,.auto-generate-section li:before{content:"•";color:#6c757d;position:absolute;left:-16px;font-weight:700}.auto-generate-section{margin-bottom:16px;animation:slideDown .3s ease-out}.feature-header{display:flex;align-items:center;gap:6px;margin-bottom:10px}.feature-header h5{margin:0;font-size:14px;font-weight:500;color:#333}.feature-grid{display:grid;gap:4px}.feature-item{display:flex;align-items:center;gap:8px;padding:0;background:white;border-radius:6px;font-size:12px;color:#495057;flex-direction:row}.feature-item i{font-size:13px;margin-bottom:0}.security-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:11px;display:flex;gap:12px;margin-bottom:24px;align-items:center}.notice-icon{color:#856404;font-size:18px;flex-shrink:0;margin-top:2px}.notice-content h6{margin:0 0 3px;font-size:12px;font-weight:600;color:#856404}.notice-content p{margin:0;font-size:11px;color:#856404;line-height:1.4}.password-confirm-modal{max-width:550px!important}.password-confirm-modal .modal-header.success{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff;border-radius:12px 12px 0 0;padding:24px;display:flex;align-items:center;gap:16px}.password-confirm-modal .modal-header .header-icon{width:48px;height:48px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.success-message{text-align:center;margin-bottom:24px;padding:20px;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:12px}.success-icon{width:64px;height:64px;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.success-message p{margin:0;color:#155724;font-size:14px;line-height:1.5}.password-display-section{margin-bottom:24px}.password-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.password-display{background:white;border:2px solid #e9ecef;border-radius:8px;overflow:hidden}.password-value{padding:16px;background:white;position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px}.password-value code{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:16px;font-weight:600;color:#495057;letter-spacing:1px;word-break:break-all;flex:1}.copy-btn{padding:10px 16px;background:#28a745;color:#fff;border:2px solid #20c997;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px;flex-shrink:0;box-shadow:0 2px 4px #0000001a;text-shadow:none}.copy-btn:hover{background:#218838;border-color:#1e7e34;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.copy-btn.copied{background:#17a2b8;border-color:#138496;color:#fff;animation:pulse .6s ease-out}.password-confirm-modal .password-value .copy-btn{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;margin:0!important;transform:none!important;float:none!important;background:#28a745!important;color:#fff!important;border:2px solid #20c997!important;opacity:1!important;visibility:visible!important;z-index:10!important}.password-confirm-modal .password-value .copy-btn:hover{background:#218838!important;border-color:#1e7e34!important;transform:translateY(-1px)!important}.security-reminders{background:#e7f3ff;border:1px solid #b3d4fc;border-radius:8px;padding:16px;margin-bottom:24px}.security-reminders h6{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:600;color:#0c5460}.security-reminders ul{margin:0;padding:0;list-style:none}.security-reminders li{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;font-size:13px;color:#0c5460;line-height:1.4}.security-reminders li i{color:#667eea;margin-top:2px;flex-shrink:0}.btn.full-width{width:100%;justify-content:center;padding:12px 24px;font-size:16px;font-weight:600}.btn-warning{background:#2f6ccd;color:#fff;border-color:#2f6ccd}.btn-warning:hover{background:#2563eb;border-color:#2563eb}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 768px){.password-reset-modal,.password-confirm-modal{max-width:95%!important;margin:10px}.method-options{gap:8px}.method-label{padding:12px;gap:12px}.method-icon{width:36px;height:36px;font-size:16px}.feature-grid{grid-template-columns:1fr;gap:8px}.password-value{flex-direction:column;align-items:stretch;gap:12px}.password-value code{text-align:center;margin-bottom:8px}.copy-btn{padding:12px;justify-content:center;align-self:stretch}}.add-user-modal{max-width:650px;width:95%}.add-user-modal .modal-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px 24px;border-bottom:none;border-radius:12px 12px 0 0}.add-user-modal .modal-header-content{display:flex;align-items:center;gap:16px}.add-user-modal .modal-header-icon{width:50px;height:50px;background:rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff}.add-user-modal .modal-header-text h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 4px}.add-user-modal .modal-header-text p{color:#ffffffd9;font-size:13px;margin:0}.add-user-modal .modal-close{color:#fff;background:rgba(255,255,255,.15);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px}.add-user-modal .modal-close:hover{background:rgba(255,255,255,.25);color:#fff}.add-user-modal .modal-body{padding:24px;max-height:60vh;overflow-y:auto}.form-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #eee}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:#667eea;font-weight:600;font-size:14px}.form-section-header i{width:28px;height:28px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px}.add-user-modal .form-group{margin-bottom:16px}.add-user-modal .form-group label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#444;margin-bottom:8px}.add-user-modal .form-group label i{color:#667eea;font-size:14px;width:16px;text-align:center}.add-user-modal .form-group label .required{color:#e91e63;font-weight:600}.add-user-modal .form-input,.add-user-modal .form-select{width:100%;padding:12px 14px;border:1.5px solid #e0e6ed;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fafbfc}.add-user-modal .form-input:focus,.add-user-modal .form-select:focus{outline:none;border-color:#667eea;background:white;box-shadow:0 0 0 3px #667eea1a}.add-user-modal .form-input::-moz-placeholder{color:#aaa}.add-user-modal .form-input::placeholder{color:#aaa}.add-user-modal .form-hint{display:block;font-size:12px;color:#888;margin-top:6px}.add-user-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.toggle-row{margin-top:16px}.toggle-group{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#f8f9fa;border-radius:10px;border:1px solid #e8e8e8;transition:all .2s ease}.toggle-group:hover{border-color:#667eea;background:#f5f7ff}.toggle-switch{position:relative;width:48px;height:26px;flex-shrink:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-label{display:flex;flex-direction:column;gap:2px}.toggle-title{font-size:14px;font-weight:600;color:#333}.toggle-desc{font-size:12px;color:#777}.readonly-badge{display:inline-block;padding:2px 8px;background:#f0f0f0;color:#888;font-size:10px;font-weight:500;border-radius:4px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px}.add-user-modal .form-input.disabled,.add-user-modal .form-input:disabled{background-color:#f5f5f5;color:#888;cursor:not-allowed;border-color:#e0e0e0}.add-user-modal .form-input.disabled:focus,.add-user-modal .form-input:disabled:focus{border-color:#e0e0e0;box-shadow:none}.add-user-modal .modal-footer{padding:16px 24px;background:#f8f9fa;border-top:1px solid #eee;gap:12px}.add-user-modal .modal-footer .btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .2s ease}.add-user-modal .modal-footer .btn-secondary{background:white;border:1.5px solid #ddd;color:#555}.add-user-modal .modal-footer .btn-secondary:hover{background:#f5f5f5;border-color:#ccc}.add-user-modal .modal-footer .btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;color:#fff}.add-user-modal .modal-footer .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.add-user-modal .modal-footer .btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.add-user-modal{max-width:100%;margin:10px;max-height:95vh}.add-user-modal .modal-header{padding:16px}.add-user-modal .modal-header-icon{width:42px;height:42px;font-size:18px}.add-user-modal .modal-header-text h3{font-size:18px}.add-user-modal .modal-body{padding:16px;max-height:55vh}.add-user-modal .form-row{grid-template-columns:1fr;gap:0}.toggle-row{grid-template-columns:1fr}.add-user-modal .modal-footer{padding:12px 16px;flex-direction:column}.add-user-modal .modal-footer .btn{width:100%;justify-content:center}}@media (max-width: 480px){.add-user-modal .modal-header-content{gap:12px}.add-user-modal .modal-header-icon{width:38px;height:38px;font-size:16px}.add-user-modal .modal-header-text h3{font-size:16px}.add-user-modal .modal-header-text p{font-size:12px}.form-section-header{font-size:13px}.form-section-header i{width:24px;height:24px;font-size:11px}.toggle-group{padding:12px}.toggle-title{font-size:13px}.toggle-desc{font-size:11px}}.permission-error-modal{max-width:500px}.permission-error-modal .modal-header{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;border-bottom:none;border-radius:12px 12px 0 0;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.permission-error-modal .modal-header h3{color:#fff;margin:0 0 4px;font-size:20px;font-weight:600}.permission-error-modal .modal-header p{margin:0;font-size:13px;color:#ffffffe6}.permission-error-modal .modal-close{color:#fff;background:rgba(255,255,255,.15);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.permission-error-modal .modal-close:hover{background:rgba(255,255,255,.25);color:#fff}.permission-header-content{display:flex;align-items:center;gap:12px;flex:1}.permission-header-icon{width:48px;height:48px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.permission-error-box{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:20px;display:flex;align-items:flex-start;gap:12px}.permission-error-box i{color:#dc2626;font-size:20px;margin-top:2px;flex-shrink:0}.permission-error-box h4{margin:0 0 8px;font-size:14px;font-weight:600;color:#991b1b}.permission-error-box p{margin:0;font-size:13px;color:#991b1b;line-height:1.5}.permission-required-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:20px}.permission-required-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.permission-required-header i{color:#6b7280;font-size:14px}.permission-required-header span{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.permission-display{padding:12px;background:white;border:2px solid #e5e7eb;border-radius:6px}.permission-display-inner{display:flex;align-items:center;gap:12px}.permission-icon-box{width:40px;height:40px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}.permission-details{flex:1}.permission-name{font-size:16px;font-weight:600;color:#111827;margin-bottom:2px}.permission-meta{font-size:12px;color:#6b7280;display:flex;align-items:center;gap:6px}.permission-category-badge{display:inline-block;padding:2px 8px;background:#fee2e2;color:#991b1b;border-radius:4px;font-size:11px;font-weight:500}.permission-code{font-size:11px;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:3px}.permission-next-steps{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:16px;display:flex;align-items:flex-start;gap:12px}.permission-next-steps i{color:#3b82f6;font-size:18px;margin-top:2px;flex-shrink:0}.permission-next-steps h5{margin:0 0 8px;font-size:13px;font-weight:600;color:#1e40af}.permission-next-steps ul{margin:0;padding-left:20px;font-size:12px;color:#1e40af;line-height:1.6}.permission-error-modal .modal-footer{padding:16px 24px;background:#f9fafb;border-top:1px solid #e5e7eb}.permission-error-modal .btn-primary{padding:10px 24px;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.permission-error-modal .btn-primary:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)}.widget-editor-page{max-width:1400px;margin:0 auto;padding:20px}.widget-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px}.breadcrumb a{color:#3b82f6;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb i{color:#6b7280;font-size:12px}.breadcrumb span{color:#111827;font-weight:500}.widget-editor-actions{display:flex;gap:12px}.demo-link-section{display:flex;gap:8px;align-items:center}.demo-link-section input{flex:1}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.widget-editor-modal{background:white;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:1200px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.widget-editor-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #f3f4f6;background:#f9fafb}.widget-editor-modal .modal-header h2{font-size:20px;font-weight:600;color:#111827;margin:0}.modal-close-btn{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s}.modal-close-btn:hover{background:#e5e7eb;color:#374151}.widget-editor-modal .modal-content{flex:1;overflow:auto;padding:0}.widget-editor-content{display:grid;grid-template-columns:1fr 1fr;min-height:600px}.widget-editor-left{padding:0 12px 0 0;overflow-y:auto}.widget-editor-right{padding:0 0 0 12px}.widget-section{margin-bottom:24px}.widget-section:last-child{margin-bottom:0}.widget-section h3,.form-section h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 12px}.widget-section p{color:#6b7280;font-size:14px;margin:0 0 16px;line-height:1.5}.widget-preview-container{position:relative;width:100%;min-height:400px;background:white;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.widget-preview-iframe{width:100%;height:100%;border:none}.code-block{position:relative;background:#1e293b;border-radius:8px;padding:48px 16px 16px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.6;overflow-x:auto;border:1px solid #334155}.code-block code{display:block;color:#e2e8f0;word-break:break-all;white-space:pre-wrap;background:transparent;padding:0}.copy-btn{position:absolute;top:10px;right:10px;padding:8px 16px;font-size:12px;font-weight:500;background:#5A4FCF;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.copy-btn:hover{background:#4338ca;transform:translateY(-1px)}.copy-btn i{font-size:11px}.form-group{margin-bottom:4px}.form-group label{display:block;font-size:12px;font-weight:500;color:#6b7280;margin-bottom:4px}.form-control{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#374151;transition:border-color .2s;box-sizing:border-box}.form-control:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.color-picker{width:60px;height:40px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;background:none}.theme-selector{display:flex;gap:16px}.theme-option{cursor:pointer;text-align:center;padding:10px;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s;flex:1}.theme-option:hover{border-color:#d1d5db}.theme-option.active{border-color:#3b82f6;background:#f0f9ff}.theme-option input[type=radio]{display:none}.theme-preview{width:80px;height:50px;border-radius:4px;margin:0 auto 8px;border:1px solid #e5e7eb}.theme-preview.light{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%)}.theme-preview.dark{background:linear-gradient(135deg,#1f2937 0%,#111827 100%)}.theme-option span{font-size:14px;font-weight:500;color:#374151}.feature-toggle{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;background:#f9fafb;border-radius:8px}.feature-info{flex:1}.feature-info strong{display:block;font-size:14px;font-weight:500;color:#111827;margin-bottom:4px}.feature-info p{font-size:13px;color:#6b7280;margin:0;line-height:1.4}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e5e7eb;transition:.2s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}input:checked+.toggle-slider{background-color:#3b82f6}input:checked+.toggle-slider:before{transform:translate(20px)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:0;border-top:0px solid #f3f4f6;background:transparent}.btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:6px}.btn-outline{background:white;border:1px solid #d1d5db;color:#374151}.btn-outline:hover{background:#f9fafb;border-color:#9ca3af}.btn-restore-defaults{color:#6b7280;border-color:#e5e7eb;background:#fafafa}.btn-restore-defaults:hover:not(:disabled){color:#b45309;border-color:#f59e0b;background:#fffbeb}.btn-restore-defaults:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-sm{padding:4px 8px;font-size:12px}.creation-info{margin-top:16px}.info-box{display:flex;gap:8px;padding:10px 12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px}.info-box-content{text-align:start}.info-box i{color:#0ea5e9;margin-top:2px}.info-box strong{color:#186694;display:block;margin-bottom:4px}.info-box p{color:#075985;margin:0;font-size:11px;line-height:1.4}.btn-left-block{flex-grow:1}.btn-right-block{display:flex;align-items:center;gap:12px}.channels-tab-content{padding:0}.coming-soon-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#f9fafb;border-radius:8px;border:2px dashed #d1d5db}.coming-soon-icon{width:64px;height:64px;background:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.coming-soon-icon i{font-size:28px;color:#6b7280}.coming-soon-container h3{font-size:20px;font-weight:600;color:#111827;margin:0 0 8px}.coming-soon-container p{color:#6b7280;font-size:14px;margin:0;line-height:1.5}.channels-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.channels-title h3{font-size:20px;font-weight:600;color:#111827;margin:0 0 4px}.channels-title p{color:#6b7280;font-size:14px;margin:0}.channels-list{display:flex;flex-direction:column;gap:20px}.loading-channels,.no-channels,.channels-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background:#f9fafb;border-radius:8px;border:2px dashed #d1d5db}.no-channels-icon,.error-icon{width:48px;height:48px;background:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.no-channels-icon i,.error-icon i{font-size:20px;color:#6b7280}.no-channels h4,.channels-error h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.no-channels p,.channels-error p{color:#6b7280;font-size:14px;margin:0 0 20px}.channel-card{background:white;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .2s ease}.channel-card:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.channel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.channel-info h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.channel-type-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.channel-type-webrtc{background:#dbeafe;color:#1e40af}.channel-type-sip_account,.channel-type-sip_uri{background:#d1fae5;color:#065f46}.channel-type-did_number{background:#fef3c7;color:#92400e}.channel-actions{display:flex;gap:8px}.channel-description{color:#6b7280;font-size:14px;margin:0 0 16px;line-height:1.4}.webrtc-info{margin:16px 0}.webrtc-links{margin-bottom:16px;padding:16px;background:#f0f9ff;border-radius:6px;border-left:4px solid #3b82f6}.webrtc-link{display:flex;flex-direction:column;gap:8px}.demo-link-container{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.webrtc-link strong{font-size:14px;color:#1e40af}.demo-link{display:inline-flex;align-items:center;gap:8px;color:#2563eb;text-decoration:none;font-size:13px;font-family:monospace;padding:8px 12px;background:white;border:1px solid #bfdbfe;border-radius:4px;transition:all .2s;word-break:break-all}.demo-link:hover{background:#dbeafe;border-color:#93c5fd}.demo-link i{font-size:11px;opacity:.7}.webrtc-preview{background:#f9fafb;border-radius:6px;padding:16px}.preview-header{display:flex;align-items:center;margin-bottom:12px}.preview-header h5{font-size:14px;font-weight:500;color:#374151;margin:0}.preview-header i{margin-right:6px;color:#6b7280}.widget-editor-page .iframe-container{position:relative;width:100%;height:400px;border-radius:4px;overflow:hidden;background:white;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center}.widget-editor-page .iframe-container:before{content:"Loading widget...";position:absolute;color:#6b7280;font-size:14px;z-index:1}.demo-iframe{width:100%;height:100%;border:none;position:relative;z-index:2;background:white}.channel-stats{display:flex;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.stat-item{display:flex;flex-direction:column;gap:0}.stat-label{font-size:14px;font-weight:400;letter-spacing:.025em}.stat-value{font-size:14px;font-weight:500;color:#111827}.status-active{background:#d1fae5;color:#065f46}.color-theme-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.color-theme-option{cursor:pointer;text-align:center;padding:8px;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s;position:relative}.color-theme-option:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.color-theme-option.active{border-color:#6366f1;background:#f5f3ff}.color-theme-option input[type=radio]{display:none}.theme-colors{display:flex;justify-content:center;gap:4px;margin-bottom:6px}.color-swatch{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.8);box-shadow:0 1px 3px #0000001a}.color-theme-option span{font-size:11px;font-weight:500;color:#374151}.custom-colors{margin-top:16px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.form-hint{font-size:12px;color:#6b7280;margin-top:0;display:block;opacity:.8}.feat-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;transition:box-shadow .2s}.feat-section-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.feat-section-icon{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.feat-section-header span{font-size:11px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.05em}.feat-section-header:after{content:"";flex:1;height:1px;background:#f3f4f6}.feat-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#f9fafb;border-radius:8px;margin-bottom:4px;border-left:2px solid transparent;transition:all .15s ease;cursor:default}.feat-row:last-child{margin-bottom:0}.feat-row:hover{background:#f3f4f6;box-shadow:0 1px 3px #0000000a}.feat-row.has-sub-open{border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}.feat-row.feat-disabled{opacity:.4;pointer-events:none}.feat-row-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.feat-row-content{flex:1;min-width:0}.feat-row-label{font-size:13px;font-weight:500;color:#1f2937;line-height:1.3}.feat-row-desc{font-size:11.5px;color:#9ca3af;line-height:1.3;margin-top:1px}.feat-sub-field{padding:10px 14px;background:#f9fafb;border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:4px;border-top:1px solid #e5e7eb;border-left:2px solid transparent;animation:feat-sub-slide .15s ease-out}@keyframes feat-sub-slide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.feat-mode-grid{display:flex;gap:8px;flex-wrap:wrap}.feat-mode-card{flex:1;min-width:80px;padding:10px 12px;border-radius:8px;border:1.5px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:9px}.feat-mode-card:hover{border-color:#c7d2fe;background:#fafafe;box-shadow:0 1px 4px #6366f114}.feat-mode-card.active{border-color:#6366f1;border-width:2px;background:#f5f3ff;box-shadow:0 1px 6px #6366f11f}.feat-mode-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;background:#f3f4f6;color:#9ca3af;transition:all .15s ease}.feat-mode-card.active .feat-mode-icon{background:#e0e7ff;color:#6366f1}.feat-mode-card .feat-mode-label{font-size:12px;font-weight:400;color:#374151;display:block}.feat-mode-card.active .feat-mode-label{font-weight:600;color:#6366f1}.feat-mode-card .feat-mode-desc{font-size:10px;color:#9ca3af}@media (max-width: 768px){.modal-overlay{padding:10px}.widget-editor-content{grid-template-columns:1fr}.widget-editor-left{border-bottom:1px solid #f3f4f6}.widget-editor-right{position:static!important}.theme-selector{flex-direction:column}.color-theme-grid{flex-wrap:wrap}.widget-preview-container{min-height:300px}}.card{background:white;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;border:1px solid rgba(0,0,0,.04)}.card-body{padding:24px}.card-header{padding:20px 24px;border-bottom:1px solid #f0f0f0;background:#fafbfc}.card-header h2{margin:0;font-size:18px;font-weight:600;color:#1f2937}.health-status{background:white;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.health-indicator{display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;font-size:16px;font-weight:500}.health-indicator.healthy{background:#e8f5e9;color:#2e7d32}.health-indicator.warning{background:#fff3e0;color:#f57c00}.health-indicator.error{background:#ffebee;color:#c62828}.health-indicator i{font-size:24px}.welcome-card{background:linear-gradient(135deg,#ff9800 0%,#ff6b00 100%);color:#fff;padding:40px;border-radius:16px;display:flex;align-items:center;gap:24px;box-shadow:0 4px 16px #ff98004d}.welcome-icon{width:80px;height:80px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;flex-shrink:0}.welcome-content h2{margin:0 0 12px;font-size:28px;font-weight:700}.welcome-content p{margin:8px 0;font-size:16px;opacity:.95;line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:white;padding:20px;border-radius:14px;box-shadow:0 2px 12px #0000000f;display:flex;align-items:center;gap:16px;transition:all .3s ease;border:1px solid rgba(0,0,0,.04);position:relative;overflow:hidden;cursor:default}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#667eea 0%,#764ba2 100%)}.stat-card:hover{box-shadow:0 8px 25px #0000001a}#superadmin-users .stat-card:nth-child(1):before{background:linear-gradient(180deg,#667eea 0%,#764ba2 100%)}#superadmin-users .stat-card:nth-child(2):before{background:linear-gradient(180deg,#43e97b 0%,#38f9d7 100%)}#superadmin-users .stat-card:nth-child(3):before{background:linear-gradient(180deg,#3b82f6 0%,#1d4ed8 100%)}#superadmin-users .stat-card:nth-child(4):before{background:linear-gradient(180deg,#10b981 0%,#059669 100%)}#superadmin-users .stat-card:nth-child(5):before{background:linear-gradient(180deg,#fa709a 0%,#fee140 100%)}#superadmin-users .stat-card:nth-child(6):before{background:linear-gradient(180deg,#30cfd0 0%,#330867 100%)}#superadmin-users .stat-card:nth-child(1) .stat-details h3{color:#667eea}#superadmin-users .stat-card:nth-child(2) .stat-details h3{color:#22c55e}#superadmin-users .stat-card:nth-child(3) .stat-details h3{color:#2563eb}#superadmin-users .stat-card:nth-child(4) .stat-details h3{color:#059669}#superadmin-users .stat-card:nth-child(5) .stat-details h3{color:#f97316}#superadmin-users .stat-card:nth-child(6) .stat-details h3{color:#06b6d4}.stat-card .stat-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;flex-shrink:0}.stat-details h3{margin:0;font-size:28px;font-weight:700;color:#1f2937;line-height:1.2}.stat-details p{margin:4px 0 0;font-size:13px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.dashboard-section{margin-bottom:30px}.section-header{margin-bottom:20px}.section-header h2{font-size:24px;font-weight:600;color:#333;margin:0}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.stat-card{padding:16px;gap:12px;flex-direction:column;text-align:center}.stat-icon{width:48px;height:48px;font-size:22px}.stat-details h3{font-size:24px}.stat-details p{font-size:12px}.welcome-card{padding:24px;flex-direction:column;text-align:center}.welcome-icon{width:60px;height:60px;font-size:30px}.welcome-content h2{font-size:22px}.welcome-content p{font-size:14px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:12px;border-radius:10px}.stat-icon{width:40px;height:40px;font-size:18px;border-radius:8px}.stat-details h3{font-size:20px}.stat-details p{font-size:11px}.welcome-card{padding:16px;border-radius:12px}.welcome-icon{width:50px;height:50px;font-size:24px}.welcome-content h2{font-size:18px;margin-bottom:8px}.welcome-content p{font-size:13px}}#superadmin-users .card-header{flex-wrap:wrap;gap:12px}@media (max-width: 768px){#superadmin-users .card-header{flex-direction:column;align-items:stretch}#superadmin-users .card-header>div{width:100%!important}#superadmin-users .card-header input{width:100%!important}#superadmin-users .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -12px;padding:0 12px}#superadmin-users .table{min-width:900px}#superadmin-users .table th,#superadmin-users .table td{padding:10px 8px;font-size:12px;white-space:nowrap}#superadmin-users .action-buttons{display:flex;flex-direction:row;gap:4px}#superadmin-users .action-buttons button{padding:4px 8px!important;font-size:12px!important}}@media (max-width: 576px){#superadmin-users .table{min-width:800px}#superadmin-users .table th,#superadmin-users .table td{padding:8px 6px;font-size:11px}#superadmin-users .action-buttons button{padding:3px 6px!important;font-size:11px!important}}@media (max-width: 768px){.modal-content{width:95%;max-width:none;margin:10px}.modal-header,.modal-body{padding:16px}.modal-footer{padding:16px;flex-direction:column}.modal-footer button{width:100%}.password-reset-modal .method-options-block{flex-direction:column}.password-reset-modal .method-option{width:100%}.password-confirm-modal .password-display,.password-confirm-modal .password-value{flex-direction:column;gap:8px}.password-confirm-modal .copy-btn{width:100%}}@media (max-width: 768px){#superadmin-users [style*="display: flex"][style*="justifyContent: center"]{flex-wrap:wrap;gap:8px}#superadmin-users [style*="display: flex"][style*="gap: 4px"] button{min-width:32px;padding:6px 8px!important}}.superadmin-mobile-nav .mobile-bottom-nav__item.active{background:#fff3e0!important;color:#ff6b00!important}.superadmin-mobile-nav .mobile-bottom-nav__item.active img{filter:sepia(1) saturate(5) hue-rotate(-10deg);opacity:1!important}.superadmin-mobile-nav .mobile-bottom-nav__item:hover{background:#fff8e1}@media (max-width: 768px){.superadmin-layout .superadmin-sidebar{display:none}.superadmin-layout .main-content{margin-left:0;padding-bottom:70px}}.verification-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;font-size:13px;transition:all .2s ease;position:relative;cursor:pointer}.verification-icon:hover{transform:scale(1.1);filter:brightness(.95)}.verification-icon.email{background:#f3f4f6;color:#9ca3af}.verification-icon.email.verified{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1d4ed8;box-shadow:0 2px 8px #2563eb33}.verification-icon.payment{background:#f3f4f6;color:#9ca3af}.verification-icon.payment.verified{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#047857;box-shadow:0 2px 8px #05966933}.verification-icon.small{width:26px;height:26px;font-size:11px;border-radius:8px}.verification-icon.force-verified.email.verified,.verification-icon.force-verified.payment.verified{background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%);color:#e65100;box-shadow:0 2px 8px #e6510040}.verification-icon.force-verified .check-badge{background:linear-gradient(135deg,#ff9800 0%,#e65100 100%)!important}.verification-icon .check-badge{position:absolute;font-size:7px;bottom:-2px;right:-2px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 4px #00000026;border:2px solid white}.verification-icons{display:flex;gap:10px;justify-content:center}.text-sm{font-size:12px}.org-expand-btn{background:linear-gradient(135deg,#f0f4ff 0%,#e8edff 100%);border:1px solid #c7d2fe;cursor:pointer;padding:4px 9px;border-radius:8px;color:#5b5fc7;transition:all .2s ease;font-size:11px;display:inline-flex;align-items:center;justify-content:center;margin-left:6px}.org-expand-btn:hover{background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);transform:scale(1.05)}.org-expand-btn i{font-size:10px}.user-count-badge{background:linear-gradient(135deg,#f0f4ff 0%,#e8edff 100%);border:1px solid #c7d2fe;color:#5b5fc7;font-size:11px;padding:4px 9px;border-radius:8px;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.user-count-badge.clickable{cursor:pointer}.user-count-badge.clickable:hover{background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);transform:scale(1.05);box-shadow:0 2px 8px #5b5fc733}.sub-user-row{background:linear-gradient(90deg,#fefefe 0%,#f8fafc 100%);border-left:3px solid #a5b4fc}.sub-user-row:hover{background:linear-gradient(90deg,#f8fafc 0%,#f1f5f9 100%)!important}.sub-user-indicator{display:flex;align-items:center;gap:10px;padding-left:20px}.sub-user-indicator i{color:#a5b4fc;font-size:11px}.sub-user-indicator span{color:#6b7280;font-size:13px}.same-org-label{color:#9ca3af;font-size:12px;display:flex;align-items:center;gap:4px}.same-org-label i{transform:rotate(90deg);font-size:10px}.shared-wallet-label{color:#9ca3af;font-size:12px;font-style:italic}.billing-view-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:4px}.billing-view-btn{padding:8px 16px;border:none;border-radius:6px;background:transparent;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.billing-view-btn.active{background:#667eea;color:#fff}.billing-view-btn:hover:not(.active){background:#e5e7eb}.stat-card.border-green{border-left:4px solid #10b981}.stat-card.border-orange{border-left:4px solid #f59e0b}.stat-card.border-purple{border-left:4px solid #8b5cf6}.stat-card.border-blue{border-left:4px solid #3b82f6}.stat-card.border-indigo{border-left:4px solid #667eea}.currency-badge{background:#f3f4f6;padding:4px 10px;border-radius:4px;font-weight:600;font-size:13px}.currency-badge.highlight{background:#667eea;color:#fff;font-size:12px}.wallet-card{background:#f9fafb;padding:16px;border-radius:8px;border:1px solid #e5e7eb}.wallet-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.wallet-card-balance{font-size:20px;font-weight:700;color:#1f2937}.wallet-card-inr{font-size:12px;color:#6b7280;margin-top:4px}.wallet-count{font-size:12px;color:#6b7280}.chart-bar-payment{background:linear-gradient(180deg,#10b981 0%,#059669 100%);border-radius:2px 2px 0 0}.chart-bar-consumed{background:linear-gradient(180deg,#f59e0b 0%,#d97706 100%);border-radius:2px 2px 0 0}.chart-legend{display:flex;justify-content:center;gap:24px;margin-top:12px}.chart-legend-item{display:flex;align-items:center;gap:6px}.chart-legend-color{width:12px;height:12px;border-radius:2px}.chart-legend-color.payment{background:#10b981}.chart-legend-color.consumed{background:#f59e0b}.chart-legend-label{font-size:12px;color:#6b7280}.tx-type-credit{color:#10b981}.tx-type-debit{color:#ef4444}.tx-type-neutral{color:#6b7280}.amount-credit{color:#10b981;font-weight:600}.amount-debit{color:#f59e0b;font-weight:600}.signup-trend-bar{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;padding-top:20px}.signup-trend-bar-inner{width:100%;background:linear-gradient(180deg,#667eea 0%,#764ba2 100%);border-radius:4px 4px 0 0;transition:height .3s ease;cursor:pointer;position:relative;min-height:4px}.signup-trend-bar-inner.empty{background:#e5e7eb}.signup-trend-count{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:10px;font-weight:600;color:#667eea;white-space:nowrap}.signup-trend-date{font-size:9px;color:#9ca3af;white-space:nowrap;transform:rotate(-45deg);transform-origin:center;margin-top:8px;height:20px}.trend-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:14px;border:1px solid #e5e7eb}.trend-summary-item{text-align:center;padding:8px;border-radius:10px;transition:all .2s ease}.trend-summary-item:hover{background:white;box-shadow:0 4px 12px #0000000d}.trend-summary-value{font-size:28px;font-weight:700;line-height:1.2}.trend-summary-value.purple{color:#667eea}.trend-summary-value.green{color:#10b981}.trend-summary-value.orange{color:#f59e0b}.trend-summary-value.blue{color:#3b82f6}.trend-summary-value.teal{color:#059669}.trend-summary-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-weight:500}.period-selector{display:flex;gap:10px;align-items:center}.period-label{font-size:13px;color:#6b7280;font-weight:500}.period-select{padding:10px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:13px;background:white;color:#374151;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none}.period-select:hover{border-color:#d1d5db}.period-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.action-btn-sm{padding:5px 8px;border-radius:6px;cursor:pointer;font-size:12px;border:none;color:#fff}.action-btn-sm.green{background:#10b981}.action-btn-sm.orange{background:#f59e0b}.action-btn-sm.purple{background:#667eea}.action-btn-sm.red{background:#ef4444}#superadmin-users .table{border-collapse:separate;border-spacing:0}#superadmin-users .table thead th{background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);color:#475569;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:14px 16px;border-bottom:2px solid #e2e8f0;white-space:nowrap}#superadmin-users .table thead th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease;position:relative}#superadmin-users .table thead th.sortable:hover{background:linear-gradient(180deg,#f1f5f9 0%,#e2e8f0 100%);color:#334155}#superadmin-users .table thead th.sortable:active{transform:scale(.98)}#superadmin-users .table .sort-icon{margin-left:6px;font-size:11px;transition:all .2s ease}#superadmin-users .table .sort-icon.inactive{opacity:.3;color:#94a3b8}#superadmin-users .table .sort-icon.active{opacity:1;color:#667eea;font-weight:700}#superadmin-users .table tbody td{padding:14px 16px;vertical-align:middle;border-bottom:1px solid #f1f5f9;font-size:14px;color:#374151}#superadmin-users .table tbody tr{transition:all .2s ease}#superadmin-users .table tbody tr:hover{background:#f8fafc}.main-user-row{background:linear-gradient(90deg,#fefefe 0%,#f8fafc 100%);border-left:3px solid #667eea}.main-user-row.single-user{background:white;border-left:3px solid transparent}.main-user-row:hover{background:linear-gradient(90deg,#f0f4ff 0%,#f8fafc 100%)!important}.username-cell{display:flex;align-items:center;gap:10px}.username-cell strong{font-weight:600;color:#1f2937;font-size:14px}.org-name{font-weight:500;color:#4b5563}.balance-text{font-weight:700;color:#059669;font-size:14px;background:#ecfdf5;padding:4px 10px;border-radius:6px;display:inline-block}.action-buttons{display:flex;gap:6px}.action-btn{border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:13px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001f}.action-btn:active{transform:translateY(0)}.action-btn.wallet{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#059669}.action-btn.wallet:hover{background:linear-gradient(135deg,#a7f3d0 0%,#6ee7b7 100%)}.action-btn.reset-pwd{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#d97706}.action-btn.reset-pwd:hover{background:linear-gradient(135deg,#fde68a 0%,#fcd34d 100%)}.action-btn.edit{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#2563eb}.action-btn.edit:hover{background:linear-gradient(135deg,#bfdbfe 0%,#93c5fd 100%)}.action-btn.delete{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#dc2626}.action-btn.delete:hover{background:linear-gradient(135deg,#fecaca 0%,#fca5a5 100%)}.action-btn.sub-user{width:28px;height:28px;font-size:11px}.search-wrapper{position:relative;width:350px}.search-input{width:100%;padding:12px 45px 12px 18px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;outline:none;background:#f9fafb;transition:all .2s ease}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;background:white}.search-input::-moz-placeholder{color:#9ca3af}.search-input::placeholder{color:#9ca3af}.search-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;font-size:14px}.search-clear-btn{position:absolute;right:42px;top:50%;transform:translateY(-50%);background:#e5e7eb;border:none;cursor:pointer;color:#6b7280;padding:4px 6px;border-radius:6px;transition:all .2s ease}.search-clear-btn:hover{background:#d1d5db;color:#374151}.user-count-info{margin-bottom:16px;color:#6b7280;font-size:14px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.user-count-info .filtered{font-weight:600}.sort-info{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b;background:#f8fafc;padding:6px 14px;border-radius:8px;border:1px solid #e2e8f0}.sort-info i{color:#667eea;font-size:14px}.sort-info strong{color:#475569;font-weight:600}.loading-center{text-align:center;padding:40px;color:#6b7280}.loading-center i{font-size:24px;margin-bottom:12px}.empty-chart{text-align:center;padding:40px;color:#6b7280}.empty-chart i{font-size:32px;margin-bottom:12px;opacity:.5}.date-range-label{text-align:center;margin-top:16px;font-size:12px;color:#9ca3af}.bar-chart-container{display:flex;align-items:stretch;gap:2px;height:180px;padding:0 4px 30px;overflow-x:auto;margin-bottom:10px}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#374151}.form-input{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.user-info-box{margin-bottom:20px;padding:16px;background:#f9fafb;border-radius:8px}.user-info-box p{color:#6b7280;margin-bottom:8px}.user-info-box p:last-child{margin-bottom:0}.user-info-box .balance{color:#10b981;font-weight:600}.card-header-flex{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.card-header-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:#1f2937}.card-header-title i{color:#667eea;font-size:18px;background:linear-gradient(135deg,#f0f4ff 0%,#e8edff 100%);padding:10px;border-radius:10px}.user-count-info{margin-bottom:20px;padding:12px 16px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:10px;color:#4b5563;font-size:14px;border:1px solid #e5e7eb}.user-count-info .filtered{font-weight:600;color:#667eea}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.-right-0\.5{right:-.125rem}.-top-0\.5{top:-.125rem}.-top-7{top:-1.75rem}.bottom-full{bottom:100%}.left-1{left:.25rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-full{left:100%}.right-1{right:.25rem}.right-3{right:.75rem}.right-full{right:100%}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:.75rem}.top-\[10px\]{top:10px}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.z-\[10000\]{z-index:10000}.m-0{margin:0}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-0\.5{margin-bottom:.125rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.\!h-9{height:2.25rem!important}.h-0{height:0px}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[16px\]{height:16px}.h-\[18px\]{height:18px}.h-\[280px\]{height:280px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-56{max-height:14rem}.max-h-64{max-height:16rem}.max-h-\[240px\]{max-height:240px}.max-h-\[360px\]{max-height:360px}.max-h-\[480px\]{max-height:480px}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:0px}.min-h-\[50px\]{min-height:50px}.\!w-9{width:2.25rem!important}.w-0{width:0px}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[120px\]{width:120px}.w-\[150px\]{width:150px}.w-\[160px\]{width:160px}.w-\[16px\]{width:16px}.w-\[200px\]{width:200px}.w-\[280px\]{width:280px}.w-\[360px\]{width:360px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-\[100px\]{min-width:100px}.min-w-\[120px\]{min-width:120px}.min-w-\[140px\]{min-width:140px}.min-w-\[150px\]{min-width:150px}.min-w-\[152px\]{min-width:152px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[18px\]{min-width:18px}.min-w-\[2\.25rem\]{min-width:2.25rem}.min-w-\[200px\]{min-width:200px}.min-w-\[220px\]{min-width:220px}.min-w-\[240px\]{min-width:240px}.min-w-\[8rem\]{min-width:8rem}.max-w-2xl{max-width:42rem}.max-w-\[140px\]{max-width:140px}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[220px\]{max-width:220px}.max-w-\[380px\]{max-width:380px}.max-w-\[420px\]{max-width:420px}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[var\(--transform-origin\)\]{transform-origin:var(--transform-origin)}.origin-\[var\(--transform-origin\,0_0\)\]{transform-origin:var(--transform-origin,0 0)}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90,.rotate-\[-90deg\]{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-\[var\(--border-color\)\]>:not([hidden])~:not([hidden]){border-color:var(--border-color)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overscroll-contain{overscroll-behavior:contain}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-e-md{border-start-end-radius:.375rem;border-end-end-radius:.375rem}.rounded-s-md{border-start-start-radius:.375rem;border-end-start-radius:.375rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-\[5px\]{border-width:5px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-\[var\(--border-color\)\]{border-color:var(--border-color)}.border-\[var\(--border-light\)\]{border-color:var(--border-light)}.border-\[var\(--danger-200\)\]{border-color:var(--danger-200)}.border-\[var\(--danger-300\)\]{border-color:var(--danger-300)}.border-\[var\(--neutral-300\)\]{border-color:var(--neutral-300)}.border-\[var\(--neutral-400\)\]{border-color:var(--neutral-400)}.border-\[var\(--primary-200\)\]{border-color:var(--primary-200)}.border-\[var\(--primary-300\)\]{border-color:var(--primary-300)}.border-\[var\(--primary-500\)\]{border-color:var(--primary-500)}.border-\[var\(--primary-600\)\]{border-color:var(--primary-600)}.border-\[var\(--secondary-200\)\]{border-color:var(--secondary-200)}.border-\[var\(--secondary-300\)\]{border-color:var(--secondary-300)}.border-\[var\(--success-200\)\]{border-color:var(--success-200)}.border-\[var\(--success-300\)\]{border-color:var(--success-300)}.border-\[var\(--warning-200\)\]{border-color:var(--warning-200)}.border-transparent{border-color:transparent}.border-b-\[var\(--neutral-1000\)\]{border-bottom-color:var(--neutral-1000)}.border-l-\[var\(--neutral-1000\)\]{border-left-color:var(--neutral-1000)}.border-r-\[var\(--neutral-1000\)\]{border-right-color:var(--neutral-1000)}.border-t-\[var\(--neutral-1000\)\]{border-top-color:var(--neutral-1000)}.border-t-\[var\(--primary-600\)\]{border-top-color:var(--primary-600)}.\!bg-\[var\(--primary-600\)\]{background-color:var(--primary-600)!important}.bg-\[\#008bd8\]{--tw-bg-opacity: 1;background-color:rgb(0 139 216 / var(--tw-bg-opacity, 1))}.bg-\[\#4cb02d\]{--tw-bg-opacity: 1;background-color:rgb(76 176 45 / var(--tw-bg-opacity, 1))}.bg-\[\#5A4FCF\]{--tw-bg-opacity: 1;background-color:rgb(90 79 207 / var(--tw-bg-opacity, 1))}.bg-\[\#ED9121\]{--tw-bg-opacity: 1;background-color:rgb(237 145 33 / var(--tw-bg-opacity, 1))}.bg-\[color-mix\(in_srgb\,var\(--neutral-100\)_40\%\,transparent\)\]{background-color:color-mix(in srgb,var(--neutral-100) 40%,transparent)}.bg-\[color-mix\(in_srgb\,var\(--neutral-400\)_50\%\,transparent\)\]{background-color:color-mix(in srgb,var(--neutral-400) 50%,transparent)}.bg-\[var\(--border-color\)\]{background-color:var(--border-color)}.bg-\[var\(--border-light\)\]{background-color:var(--border-light)}.bg-\[var\(--color-gray-100\)\]{background-color:var(--color-gray-100)}.bg-\[var\(--danger-100\)\]{background-color:var(--danger-100)}.bg-\[var\(--danger-200\)\]{background-color:var(--danger-200)}.bg-\[var\(--danger-600\)\]{background-color:var(--danger-600)}.bg-\[var\(--neutral-100\)\]{background-color:var(--neutral-100)}.bg-\[var\(--neutral-1000\)\]{background-color:var(--neutral-1000)}.bg-\[var\(--neutral-200\)\]{background-color:var(--neutral-200)}.bg-\[var\(--neutral-50\)\]{background-color:var(--neutral-50)}.bg-\[var\(--primary-100\)\]{background-color:var(--primary-100)}.bg-\[var\(--primary-200\)\]{background-color:var(--primary-200)}.bg-\[var\(--primary-600\)\]{background-color:var(--primary-600)}.bg-\[var\(--secondary-100\)\]{background-color:var(--secondary-100)}.bg-\[var\(--secondary-200\)\]{background-color:var(--secondary-200)}.bg-\[var\(--success-100\)\]{background-color:var(--success-100)}.bg-\[var\(--success-200\)\]{background-color:var(--success-200)}.bg-\[var\(--success-500\)\]{background-color:var(--success-500)}.bg-\[var\(--success-600\)\]{background-color:var(--success-600)}.bg-\[var\(--warning-100\)\]{background-color:var(--warning-100)}.bg-\[var\(--warning-600\)\]{background-color:var(--warning-600)}.bg-\[var\(--white\)\]{background-color:var(--white)}.bg-black\/50{background-color:#00000080}.bg-transparent{background-color:transparent}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[var\(--danger-100\)\]{--tw-gradient-from: var(--danger-100) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[var\(--neutral-300\)\]{--tw-gradient-from: var(--neutral-300) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[var\(--primary-100\)\]{--tw-gradient-from: var(--primary-100) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[var\(--primary-500\)\]{--tw-gradient-from: var(--primary-500) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[var\(--primary-600\)\]{--tw-gradient-from: var(--primary-600) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[var\(--secondary-100\)\]{--tw-gradient-from: var(--secondary-100) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[var\(--success-100\)\]{--tw-gradient-from: var(--success-100) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-\[var\(--primary-600\)\]{--tw-gradient-to: var(--primary-600) var(--tw-gradient-to-position)}.to-\[var\(--secondary-500\)\]{--tw-gradient-to: var(--secondary-500) var(--tw-gradient-to-position)}.to-\[var\(--secondary-600\)\]{--tw-gradient-to: var(--secondary-600) var(--tw-gradient-to-position)}.to-\[var\(--white\)\]{--tw-gradient-to: var(--white) var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.fill-transparent{fill:transparent}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-\[1px\]{padding:1px}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pl-7{padding-left:1.75rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pr-8{padding-right:2rem}.pr-9{padding-right:2.25rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-3\.5{padding-top:.875rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.\!text-\[var\(--primary-100\)\]{color:var(--primary-100)!important}.text-\[var\(--color-text-primary\)\]{color:var(--color-text-primary)}.text-\[var\(--danger-600\)\]{color:var(--danger-600)}.text-\[var\(--danger-700\)\]{color:var(--danger-700)}.text-\[var\(--danger-800\)\]{color:var(--danger-800)}.text-\[var\(--neutral-400\)\]{color:var(--neutral-400)}.text-\[var\(--neutral-500\)\]{color:var(--neutral-500)}.text-\[var\(--neutral-600\)\]{color:var(--neutral-600)}.text-\[var\(--neutral-700\)\]{color:var(--neutral-700)}.text-\[var\(--neutral-800\)\]{color:var(--neutral-800)}.text-\[var\(--primary-600\)\]{color:var(--primary-600)}.text-\[var\(--primary-700\)\]{color:var(--primary-700)}.text-\[var\(--primary-800\)\]{color:var(--primary-800)}.text-\[var\(--secondary-600\)\]{color:var(--secondary-600)}.text-\[var\(--secondary-700\)\]{color:var(--secondary-700)}.text-\[var\(--secondary-800\)\]{color:var(--secondary-800)}.text-\[var\(--success-600\)\]{color:var(--success-600)}.text-\[var\(--success-700\)\]{color:var(--success-700)}.text-\[var\(--success-800\)\]{color:var(--success-800)}.text-\[var\(--text-dark\)\]{color:var(--text-dark)}.text-\[var\(--text-default\)\]{color:var(--text-default)}.text-\[var\(--text-heading\)\]{color:var(--text-heading)}.text-\[var\(--text-link\)\]{color:var(--text-link)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-\[var\(--warning-600\)\]{color:var(--warning-600)}.text-\[var\(--warning-700\)\]{color:var(--warning-700)}.text-\[var\(--white\)\]{color:var(--white)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_1px_rgba\(29\,122\,252\,0\.25\)\,0_0_12px_rgba\(29\,122\,252\,0\.15\)\]{--tw-shadow: 0 0 0 1px rgba(29,122,252,.25),0 0 12px rgba(29,122,252,.15);--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_1px_rgba\(29\,122\,252\,0\.35\)\,0_0_16px_rgba\(29\,122\,252\,0\.2\)\]{--tw-shadow: 0 0 0 1px rgba(29,122,252,.35),0 0 16px rgba(29,122,252,.2);--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_3px_var\(--primary-200\)\]{--tw-shadow: 0 0 0 3px var(--primary-200);--tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-\[var\(--primary-600\)\]{--tw-ring-color: var(--primary-600)}.ring-offset-1{--tw-ring-offset-width: 1px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sepia{--tw-sepia: sepia(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[--rdp-today-color\:var\(--primary-600\)\]{--rdp-today-color: var(--primary-600)}.\[transition-timing-function\:cubic-bezier\(0\.32\,0\.72\,0\,1\)\]{transition-timing-function:cubic-bezier(.32,.72,0,1)}.placeholder\:text-\[var\(--text-secondary\)\]::-moz-placeholder{color:var(--text-secondary)}.placeholder\:text-\[var\(--text-secondary\)\]::placeholder{color:var(--text-secondary)}.hover\:border-\[var\(--danger-200\)\]:hover{border-color:var(--danger-200)}.hover\:border-\[var\(--primary-200\)\]:hover{border-color:var(--primary-200)}.hover\:border-\[var\(--primary-300\)\]:hover{border-color:var(--primary-300)}.hover\:border-\[var\(--primary-600\)\]:hover{border-color:var(--primary-600)}.hover\:border-\[var\(--primary-700\)\]:hover{border-color:var(--primary-700)}.hover\:border-\[var\(--secondary-200\)\]:hover{border-color:var(--secondary-200)}.hover\:border-\[var\(--secondary-300\)\]:hover{border-color:var(--secondary-300)}.hover\:bg-\[var\(--color-primary-light\)\]:hover{background-color:var(--color-primary-light)}.hover\:bg-\[var\(--danger-100\)\]:hover{background-color:var(--danger-100)}.hover\:bg-\[var\(--neutral-100\)\]:hover{background-color:var(--neutral-100)}.hover\:bg-\[var\(--neutral-200\)\]:hover{background-color:var(--neutral-200)}.hover\:bg-\[var\(--primary-100\)\]:hover{background-color:var(--primary-100)}.hover\:bg-\[var\(--primary-200\)\]:hover{background-color:var(--primary-200)}.hover\:bg-\[var\(--primary-600\)\]:hover{background-color:var(--primary-600)}.hover\:bg-\[var\(--primary-700\)\]:hover{background-color:var(--primary-700)}.hover\:bg-\[var\(--secondary-100\)\]:hover{background-color:var(--secondary-100)}.hover\:bg-\[var\(--secondary-200\)\]:hover{background-color:var(--secondary-200)}.hover\:bg-\[var\(--warning-200\)\]:hover{background-color:var(--warning-200)}.hover\:bg-\[var\(--white\)\]:hover{background-color:var(--white)}.hover\:bg-transparent:hover{background-color:transparent}.hover\:text-\[var\(--color-primary\)\]:hover{color:var(--color-primary)}.hover\:text-\[var\(--danger-600\)\]:hover{color:var(--danger-600)}.hover\:text-\[var\(--primary-600\)\]:hover{color:var(--primary-600)}.hover\:text-\[var\(--primary-700\)\]:hover{color:var(--primary-700)}.hover\:text-\[var\(--secondary-600\)\]:hover{color:var(--secondary-600)}.hover\:text-\[var\(--secondary-700\)\]:hover{color:var(--secondary-700)}.hover\:text-\[var\(--text-heading\)\]:hover{color:var(--text-heading)}.hover\:text-\[var\(--text-link-hover\)\]:hover{color:var(--text-link-hover)}.hover\:text-\[var\(--white\)\]:hover{color:var(--white)}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-\[var\(--color-primary\)\]:focus{border-color:var(--color-primary)}.focus\:border-\[var\(--primary-300\)\]:focus{border-color:var(--primary-300)}.focus\:border-\[var\(--primary-400\)\]:focus{border-color:var(--primary-400)}.focus\:bg-\[var\(--neutral-100\)\]:focus{background-color:var(--neutral-100)}.focus\:bg-\[var\(--primary-600\)\]:focus{background-color:var(--primary-600)}.focus\:text-\[var\(--danger-600\)\]:focus{color:var(--danger-600)}.focus\:text-\[var\(--text-heading\)\]:focus{color:var(--text-heading)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-\[var\(--primary-200\)\]:focus{--tw-ring-color: var(--primary-200)}.focus\:ring-\[var\(--primary-300\)\]:focus{--tw-ring-color: var(--primary-300)}.focus\:ring-\[var\(--primary-400\)\]:focus{--tw-ring-color: var(--primary-400)}.focus\:ring-\[var\(--primary-600\)\]:focus{--tw-ring-color: var(--primary-600)}.focus\:ring-\[var\(--secondary-400\)\]:focus{--tw-ring-color: var(--secondary-400)}.focus\:ring-offset-1:focus{--tw-ring-offset-width: 1px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-\[var\(--danger-600\)\]:focus-visible{--tw-ring-color: var(--danger-600)}.focus-visible\:ring-\[var\(--neutral-400\)\]:focus-visible{--tw-ring-color: var(--neutral-400)}.focus-visible\:ring-\[var\(--primary-400\)\]:focus-visible{--tw-ring-color: var(--primary-400)}.focus-visible\:ring-\[var\(--primary-600\)\]:focus-visible{--tw-ring-color: var(--primary-600)}.focus-visible\:ring-\[var\(--success-600\)\]:focus-visible{--tw-ring-color: var(--success-600)}.focus-visible\:ring-\[var\(--warning-600\)\]:focus-visible{--tw-ring-color: var(--warning-600)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width: 1px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-\[var\(--neutral-100\)\]:disabled{background-color:var(--neutral-100)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\:bg-\[var\(--primary-100\)\]{background-color:var(--primary-100)}.aria-selected\:bg-\[var\(--primary-600\)\][aria-selected=true]{background-color:var(--primary-600)}.aria-selected\:text-\[var\(--white\)\][aria-selected=true]{color:var(--white)}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[data-closed\]\:-translate-y-1[data-data-closed],.data-\[data-ending-style\]\:-translate-y-1[data-data-ending-style]{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[data-open\]\:translate-y-0[data-data-open]{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[data-closed\]\:scale-95[data-data-closed],.data-\[data-ending-style\]\:scale-95[data-data-ending-style]{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[data-open\]\:scale-100[data-data-open]{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[data-popup-open\]\:bg-\[var\(--neutral-100\)\][data-data-popup-open],.data-\[highlighted\]\:bg-\[var\(--neutral-100\)\][data-highlighted],.data-\[selected\]\:bg-\[var\(--neutral-100\)\][data-selected]{background-color:var(--neutral-100)}.data-\[state\=selected\]\:bg-\[var\(--primary-100\)\][data-state=selected]{background-color:var(--primary-100)}.data-\[highlighted\]\:text-\[var\(--text-heading\)\][data-highlighted],.data-\[selected\]\:text-\[var\(--text-heading\)\][data-selected]{color:var(--text-heading)}.data-\[data-closed\]\:opacity-0[data-data-closed],.data-\[data-ending-style\]\:opacity-0[data-data-ending-style]{opacity:0}.data-\[data-open\]\:opacity-100[data-data-open]{opacity:1}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}@media (min-width: 640px){.sm\:w-\[260px\]{width:260px}.sm\:min-w-\[200px\]{min-width:200px}.sm\:min-w-\[220px\]{min-width:220px}.sm\:min-w-\[240px\]{min-width:240px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:items-stretch{align-items:stretch}.sm\:justify-between{justify-content:space-between}.sm\:gap-3{gap:.75rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:pl-6{padding-left:1.5rem}.sm\:pt-0{padding-top:0}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width: 1024px){.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:text-5xl{font-size:3rem;line-height:1}}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>svg\]\:size-4>svg{width:1rem;height:1rem}.\[\&\>svg\]\:h-4>svg{height:1rem}.\[\&\>svg\]\:w-4>svg{width:1rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0px}.\[\&_\.rdp-chevron\]\:fill-transparent .rdp-chevron{fill:transparent}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:data-\[data-popup-open\]\:rotate-180[data-data-popup-open] svg{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0px}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}.\[\&_tr\]\:border-\[var\(--border-light\)\] tr{border-color:var(--border-light)}.mobile-bottom-nav,.mobile-more-drawer,.mobile-nav-overlay{display:none}@media (max-width: 768px){.mobile-nav-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:56px;background:rgba(0,0,0,.5);z-index:400;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-bottom-nav{display:flex!important;align-items:center;position:fixed;bottom:0;left:0;right:0;height:56px;background:#ffffff;border-top:1px solid #e0e0e0;box-shadow:0 -2px 10px #00000014;z-index:9999;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-bottom-nav__logo{width:48px;height:56px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-right:1px solid #eee;background:#fafafa}.mobile-bottom-nav__logo img{width:30px;height:30px}.mobile-bottom-nav__scroll{flex:1;display:flex;flex-direction:row;align-items:center;height:56px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.mobile-bottom-nav__scroll::-webkit-scrollbar{display:none}.mobile-bottom-nav__item{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:56px;height:56px;padding:6px 8px;background:none;border:none;cursor:pointer;text-decoration:none;color:#757575;transition:color .2s,background-color .2s;-webkit-tap-highlight-color:transparent;flex-shrink:0}.mobile-bottom-nav__item:active{background:var(--color-bg-hover, #f5f5f5)}.mobile-bottom-nav__item.active{color:var(--color-primary, #5A4FCF)}.mobile-bottom-nav__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.mobile-bottom-nav__icon img{width:22px;height:22px;max-width:100%;opacity:.7;transition:opacity .2s,filter .2s}.mobile-bottom-nav__item.active .mobile-bottom-nav__icon img{opacity:1;filter:brightness(0) saturate(100%) invert(32%) sepia(98%) saturate(1000%) hue-rotate(230deg)}.mobile-bottom-nav__label{font-size:10px;font-weight:500;line-height:1;text-align:center;white-space:nowrap;color:inherit}.mobile-bottom-nav__more{width:48px;height:56px;display:flex;align-items:center;justify-content:center;background:#fafafa;border:none;border-left:1px solid #eee;cursor:pointer;color:#757575;flex-shrink:0;-webkit-tap-highlight-color:transparent}.mobile-bottom-nav__more:active{background:#eee}.mobile-bottom-nav__more.active{background:#E2E2F9;color:#5a4fcf}.mobile-bottom-nav__more i{font-size:18px;transition:transform .2s}.mobile-more-drawer{display:block;position:fixed;bottom:56px;left:0;right:0;background:#ffffff;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -4px 20px #00000026;z-index:10000;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);max-height:70vh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-more-drawer.open{transform:translateY(0)}.mobile-more-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border-light, #eeeeee);position:sticky;top:0;background:var(--color-bg-card, #ffffff);z-index:1}.mobile-more-drawer__logo{display:flex;align-items:center;gap:10px}.mobile-more-drawer__logo img{width:28px;height:28px}.mobile-more-drawer__logo span{font-size:16px;font-weight:600;color:var(--color-text-primary, #212121)}.mobile-more-drawer__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100, #f5f5f5);border:none;border-radius:50%;cursor:pointer;color:var(--color-text-secondary, #757575)}.mobile-more-drawer__close:active{background:var(--color-gray-200, #eee)}.mobile-more-drawer__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px}.mobile-more-drawer__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 8px;background:#fafafa;border-radius:10px;text-decoration:none;color:#757575;transition:background-color .2s,color .2s;-webkit-tap-highlight-color:transparent}.mobile-more-drawer__item:active{background:#eeeeee}.mobile-more-drawer__item.active{background:#E2E2F9;color:#5a4fcf}.mobile-more-drawer__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.mobile-more-drawer__icon img{width:28px;height:28px;opacity:.7}.mobile-more-drawer__item.active .mobile-more-drawer__icon img{opacity:1;filter:brightness(0) saturate(100%) invert(32%) sepia(98%) saturate(1000%) hue-rotate(230deg)}.mobile-more-drawer__label{font-size:11px;font-weight:500;text-align:center;line-height:1.2}.main-content{padding-bottom:calc(68px + env(safe-area-inset-bottom,0))}.sidebar{display:none!important}.main-content.shifted{margin-left:0!important}.page--block{padding-bottom:70px}}@media (max-width: 360px){.mobile-more-drawer__grid{grid-template-columns:repeat(3,1fr)}.mobile-bottom-nav__item{min-width:48px;padding:6px 4px}.mobile-bottom-nav__label{font-size:8px}.mobile-bottom-nav__logo,.mobile-bottom-nav__more{width:38px}}