body{margin:0}.toast-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:9999}.toast{align-items:center;animation:slideIn .3s ease;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;gap:12px;max-width:450px;min-width:300px;padding:14px 20px}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.toast-message{flex:1 1;font-size:14px;line-height:1.4}.toast-close{background:none;border:none;cursor:pointer;font-size:20px;line-height:1;opacity:.6;padding:0;transition:opacity .2s}.toast-close:hover{opacity:1}.toast-success{background:#d4edda;border-left:4px solid #28a745;color:#155724}.toast-success .toast-icon{background:#28a745;color:#fff}.toast-error{background:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.toast-error .toast-icon{background:#dc3545;color:#fff}.toast-warning{background:#fff3cd;border-left:4px solid #ffc107;color:#856404}.toast-warning .toast-icon{background:#ffc107;color:#856404}.toast-info{background:#d1ecf1;border-left:4px solid #17a2b8;color:#0c5460}.toast-info .toast-icon{background:#17a2b8;color:#fff}.confirm-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.confirm-modal{animation:scaleIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:24px;width:100%}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.confirm-header{gap:12px;margin-bottom:16px}.confirm-header,.confirm-icon{align-items:center;display:flex}.confirm-icon{background:#fff3cd;border-radius:50%;color:#856404;font-size:20px;height:40px;justify-content:center;width:40px}.confirm-header h3{color:#333;font-size:18px;margin:0}.confirm-message{color:#666;font-size:15px;line-height:1.5;margin:0 0 24px}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.confirm-btn-cancel{background:#f0f0f0;color:#333}.confirm-btn-cancel:hover{background:#e0e0e0}.confirm-btn-confirm{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.confirm-btn-confirm:hover{opacity:.9}@media (max-width:480px){.toast-container{left:10px;right:10px}.toast{min-width:auto}.confirm-modal{margin:20px}}.theme-switcher{position:relative}.theme-toggle-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;justify-content:flex-start;overflow:hidden;padding:12px 16px;transition:background .2s;white-space:nowrap;width:100%}.theme-toggle-btn:hover{background:#fff3;color:#fff}.theme-icon{flex-shrink:0;font-size:20px}.theme-text{font-size:14px;margin-left:12px}.cpw-overlay{align-items:center;background:#00000080;background:var(--modal-overlay,#00000080);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.cpw-modal{background:var(--bg-secondary);border-radius:12px;box-shadow:0 20px 60px #0000004d;box-shadow:0 20px 60px var(--shadow-color,#0000004d);max-width:90vw;width:400px}.cpw-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.cpw-header h3{color:var(--text-primary);font-size:18px;margin:0}.cpw-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:24px;line-height:1;padding:0}.cpw-close:hover{color:var(--text-primary)}.cpw-modal form{padding:24px}.cpw-field{margin-bottom:16px}.cpw-field label{color:var(--text-secondary);display:block;font-size:14px;font-weight:500;margin-bottom:6px}.cpw-input-wrap{align-items:center;background:var(--bg-primary);background:var(--input-bg,var(--bg-primary));border:1px solid var(--border-color);border-radius:8px;display:flex;overflow:hidden;transition:border-color .2s}.cpw-input-wrap:focus-within{border-color:#1976d2;border-color:var(--color-primary,#1976d2)}.cpw-input-wrap input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;outline:none;padding:10px 12px}.cpw-toggle{background:none;border:none;cursor:pointer;font-size:16px;opacity:.6;padding:8px 12px;transition:opacity .2s}.cpw-toggle:hover{opacity:1}.cpw-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cpw-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.cpw-btn-cancel{background:#e0e0e0;background:var(--bg-secondary,#e0e0e0);color:var(--text-secondary)}.cpw-btn-cancel:hover{opacity:.8}.cpw-btn-save{background:#1976d2;background:var(--gradient-primary,#1976d2);color:#fff}.cpw-btn-save:hover{opacity:.9}.cpw-btn-save:disabled{cursor:not-allowed;opacity:.5}.layout{display:flex;min-height:100vh}.sidebar{background:var(--bg-sidebar);color:var(--text-sidebar);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease;width:260px;z-index:100}.sidebar.collapsed{width:70px}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;min-height:70px;padding:20px}.sidebar-header h1{font-size:18px;font-weight:600;margin:0;overflow:hidden;white-space:nowrap}.sidebar.collapsed .sidebar-header,.toggle-btn{justify-content:center}.toggle-btn{align-items:center;background:#ffffff1a;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:28px;transition:background .2s;width:28px}.toggle-btn:hover{background:#fff3}.nav-links{flex:1 1;list-style:none;margin:0;padding:16px 0}.nav-links li{margin:4px 12px}.sidebar.collapsed .nav-links li{margin:4px 8px}.nav-links a{align-items:center;border-radius:8px;color:#ffffffb3;display:flex;padding:12px 16px;text-decoration:none;transition:all .2s;white-space:nowrap}.sidebar.collapsed .nav-links a{justify-content:center;padding:12px}.nav-links a:hover{background:#ffffff1a;color:#fff}.nav-links a.active{background:var(--gradient-primary);color:#fff}.nav-icon{flex-shrink:0;font-size:18px}.nav-text{margin-left:12px}.sidebar-footer{border-top:1px solid #ffffff1a;padding:16px}.sidebar.collapsed .sidebar-footer{padding:12px 8px}.sidebar-footer .theme-switcher{margin-bottom:12px}.sidebar.collapsed .theme-switcher .theme-toggle-btn{justify-content:center;padding:12px;width:100%}.user-info{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;margin-bottom:12px;overflow:hidden;padding:12px}.sidebar.collapsed .user-info{justify-content:center;padding:10px}.user-icon{flex-shrink:0;font-size:20px}.user-name{font-weight:500;margin-left:12px;text-overflow:ellipsis}.logout-btn,.user-name{overflow:hidden;white-space:nowrap}.logout-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;justify-content:flex-start;margin-bottom:8px;padding:12px 16px;transition:all .2s;width:100%}.logout-btn:last-child{margin-bottom:0}.logout-btn:hover{background:#fff3;color:#fff}.sidebar.collapsed .logout-btn{justify-content:center;padding:12px}.main-content{background:var(--bg-primary);flex:1 1;margin-left:260px;min-height:100vh;transition:margin-left .3s ease,background .3s ease}.sidebar-collapsed .main-content{margin-left:70px}.mobile-overlay{display:none}.hamburger-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:none;font-size:20px;height:40px;justify-content:center;left:12px;position:fixed;top:12px;width:40px;z-index:200}@media (max-width:1024px){.sidebar{width:70px}.sidebar .nav-text,.sidebar .toggle-btn,.sidebar .user-name,.sidebar-header h1{display:none}.sidebar .nav-links a{padding:12px}.sidebar .logout-btn,.sidebar .nav-links a,.sidebar .user-info{justify-content:center}.sidebar .logout-btn{padding:12px}.sidebar .logout-btn .nav-text{display:none}.sidebar-footer .theme-switcher .theme-toggle-btn{justify-content:center;padding:12px;width:100%}.main-content{margin-left:70px}}@media (max-width:768px){.hamburger-btn{display:flex}.sidebar{transform:translateX(-100%);transition:transform .3s ease;width:260px}.sidebar.mobile-open{transform:translateX(0)}.sidebar.mobile-open .nav-text,.sidebar.mobile-open .sidebar-header h1,.sidebar.mobile-open .user-name{display:inline}.sidebar.mobile-open .nav-links a{justify-content:flex-start;padding:12px 16px}.sidebar.mobile-open .logout-btn,.sidebar.mobile-open .user-info{justify-content:flex-start}.sidebar.mobile-open .logout-btn .nav-text{display:inline}.sidebar .toggle-btn{display:none}.mobile-overlay{background:#00000080;display:none;inset:0;position:fixed;z-index:90}.mobile-overlay.visible{display:block}.main-content{margin-left:0;padding-top:56px}.sidebar-collapsed .main-content{margin-left:0}}.login-container{align-items:center;background:var(--gradient-primary);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:var(--bg-secondary);border-radius:12px;box-shadow:0 10px 40px var(--shadow-color);max-width:400px;padding:40px;width:100%}.login-card h1{color:var(--text-primary);font-size:24px;margin-bottom:8px;text-align:center}.login-card h2{color:var(--text-secondary);font-size:18px;font-weight:400;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px}.form-group input,.form-group select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:var(--text-primary);font-size:14px;padding:12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);outline:none}.login-card .btn{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;margin-top:10px;padding:12px;transition:background-color .2s;width:100%}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#ffebee;color:#c62828}.error-message,.success-message{font-size:14px;margin-bottom:20px;padding:12px}.success-message{background:#e8f5e9;color:#2e7d32}.btn-link{font-size:14px;margin-top:10px;text-decoration:underline}.audit-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.audit-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:700px;width:90%}.audit-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.audit-modal-header h2{color:#333;font-size:18px;margin:0}.audit-modal-close{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:24px;padding:4px 8px}.audit-modal-close:hover{background:#f0f0f0;color:#333}.audit-modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.audit-empty,.audit-loading{color:#999;padding:40px 20px;text-align:center}.audit-timeline{padding-left:24px;position:relative}.audit-timeline:before{background:#e0e0e0;bottom:0;content:"";left:8px;position:absolute;top:0;width:2px}.audit-entry{background:#f9f9f9;border-left:3px solid #ccc;border-radius:8px;margin-bottom:20px;padding:16px;position:relative}.audit-entry:before{background:#ccc;border-radius:50%;content:"";height:10px;left:-20px;position:absolute;top:20px;width:10px}.audit-entry.op-INSERT{border-left-color:#4caf50}.audit-entry.op-INSERT:before{background:#4caf50}.audit-entry.op-UPDATE{border-left-color:#ff9800}.audit-entry.op-UPDATE:before{background:#ff9800}.audit-entry.op-DELETE{border-left-color:#f44336}.audit-entry.op-DELETE:before{background:#f44336}.audit-entry-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.audit-badge{border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;text-transform:uppercase}.audit-badge.op-INSERT{background:#4caf50}.audit-badge.op-UPDATE{background:#ff9800}.audit-badge.op-DELETE{background:#f44336}.audit-meta{color:#888;font-size:12px}.audit-meta span{margin-left:12px}.audit-changes{font-size:13px}.audit-change-row{align-items:baseline;border-bottom:1px solid #eee;display:flex;padding:4px 0}.audit-change-row:last-child{border-bottom:none}.audit-field-name{color:#555;flex-shrink:0;font-weight:600;min-width:140px}.audit-old-value{color:#d32f2f;margin-right:8px;text-decoration:line-through}.audit-arrow{color:#999;flex-shrink:0;margin:0 8px}.audit-new-value{color:#2e7d32;font-weight:500}.audit-value{color:#333}.searchable-select{position:relative;width:100%}.searchable-select-input{background:#fff;background:var(--input-bg,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:6px;box-sizing:border-box;color:#333;color:var(--text-primary,#333);font-size:14px;padding:10px 12px;width:100%}.searchable-select-input:focus{border-color:#667eea;border-color:var(--color-primary,#667eea);outline:none}.searchable-select-input:disabled{background:#f5f5f5;background:var(--table-header-bg,#f5f5f5);cursor:not-allowed;opacity:.7}.searchable-select-dropdown{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:6px;box-shadow:0 4px 12px #00000026;box-shadow:0 4px 12px var(--shadow-color,#00000026);left:0;list-style:none;margin:4px 0 0;max-height:200px;overflow-y:auto;padding:4px 0;position:absolute;right:0;top:100%;z-index:1100}.searchable-select-option{color:#333;color:var(--text-primary,#333);cursor:pointer;font-size:14px;padding:10px 12px;transition:background .1s}.searchable-select-option.highlighted,.searchable-select-option:hover{background:#f0f4ff;background:var(--table-row-hover,#f0f4ff)}.searchable-select-option.selected{color:#667eea;color:var(--color-primary,#667eea);font-weight:600}.searchable-select-empty{color:#999;color:var(--text-muted,#999);font-size:14px;font-style:italic;padding:10px 12px}@media (max-width:768px){.searchable-select-input{font-size:16px;padding:12px}.searchable-select-dropdown{max-height:180px}.searchable-select-empty,.searchable-select-option{font-size:15px;padding:12px}}.page-container{margin:0 auto;max-width:1800px;padding:24px 40px}.page-header{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:24px;margin:0;white-space:nowrap}.page-header .btn{padding:10px 20px;white-space:nowrap;width:auto}.header-actions{display:flex;gap:12px}.filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-input{flex:1 1;min-width:250px}.filters select,.search-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 16px}.filters select{min-width:150px}.table-container{border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #eee;padding:12px 16px;text-align:left}td,th{white-space:nowrap}th{color:#333;font-weight:600}th,tr:hover{background:#f8f9fa}.row-warning{background:#fff3cd!important}.row-expired{background:#f8d7da!important}.row-inactive{opacity:.6}.btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-primary{color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{background:#f0f0f0}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover:not(:disabled){background:#d97706}.btn-warning-alt{background:#dc2626;color:#fff}.btn-warning-alt:hover:not(:disabled){background:#b91c1c}.btn-success{background:#16a34a;color:#fff}.btn-success:hover:not(:disabled){background:#15803d}.btn:disabled{cursor:not-allowed;opacity:.65}.btn-icon{background:none;border:none;cursor:pointer;font-size:18px;opacity:.7;padding:4px 8px;transition:opacity .2s}.btn-icon:hover{opacity:1}.btn-icon:disabled{cursor:not-allowed;opacity:.35}.btn-icon svg{display:block}.btn-icon-mail{color:#2563eb}.btn-icon-sms{color:#16a34a}.action-buttons{align-items:center;display:flex;gap:4px}td:last-child{white-space:nowrap}.checkbox-cell{text-align:center;width:48px}.checkbox-cell input{cursor:pointer;height:16px;width:16px}.checkbox-cell input:disabled{cursor:not-allowed}.btn-icon-small{background:none;border:none;cursor:pointer;font-size:14px;opacity:.6;padding:2px 6px}.btn-icon-small:hover{opacity:1}.error-message{background:#f8d7da;color:#721c24}.error-message,.success-message{border-radius:6px;margin-bottom:16px;padding:12px 16px}.success-message{background:#d4edda;color:#155724}.loading{padding:40px;text-align:center}.modal-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;width:100%}.modal h2{color:#333;margin:0 0 24px}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.license-key{background:#f0f0f0;background:var(--table-header-bg,#f0f0f0);border-radius:4px;color:#333;color:var(--text-primary,#333);font-family:monospace;font-size:12px;padding:4px 8px}.status-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.modal-wide{max-width:720px}.generated-key-container{text-align:center}.generated-key{align-items:center;display:flex;flex-direction:column;gap:12px;margin:20px 0}.generated-key code{background:#f0f0f0;border-radius:6px;font-family:monospace;font-size:16px;letter-spacing:1px;padding:12px 20px;-webkit-user-select:all;user-select:all;word-break:break-all}.verify-result{border-radius:8px;margin:16px 0;padding:16px}.verify-result.valid{background:#d4edda;color:#155724}.verify-result.invalid{background:#f8d7da;color:#721c24}.encoded-result{align-items:center;display:flex;gap:12px}.encoded-result code{background:#f0f0f0;border-radius:4px;flex:1 1;font-family:monospace;padding:10px;word-break:break-all}.cnrc-admin-panel{margin-bottom:24px;padding:20px}.cnrc-generate-row{align-items:center;display:flex;gap:24px;justify-content:space-between}.cnrc-generate-row h2{font-size:20px;margin:0 0 6px}.cnrc-generate-row p{color:#666;color:var(--text-secondary,#666);margin:0}.cnrc-generate-actions{align-items:center;display:flex;gap:12px}.cnrc-count-input{flex:0 0 auto;min-width:120px;width:150px}.cnrc-generated-box{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);margin-top:18px;padding-top:16px}.cnrc-generated-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:10px}.cnrc-generated-box textarea{border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:6px;font-family:monospace;font-size:13px;line-height:1.5;min-height:120px;padding:12px;resize:vertical;width:100%}.cnrc-license-filters{align-items:center}.cnrc-copy-key{border:0;cursor:pointer;text-align:left}.pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:20px;padding:16px}.pagination button{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination-info{font-size:14px;margin:0 12px}.client-selection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.client-selection-header label{margin-bottom:0}.btn-link{background:none;border:none;cursor:pointer;font-size:13px;font-weight:500;padding:0;text-decoration:none}.btn-link:hover{text-decoration:underline}.new-client-fields{border:1px dashed #ddd;border-radius:8px;padding:16px}.new-client-fields input{margin-bottom:12px}.new-client-fields .form-row,.new-client-fields .form-row input,.new-client-fields input:last-child{margin-bottom:0}.info-message{background:#e7f3ff;border-radius:4px;color:#06c;font-size:13px;margin:8px 0 0;padding:8px 12px}.contract-decision-message{background:#fff7ed;border:1px solid #fdba74;border-radius:8px;color:#9a3412;line-height:1.5;margin:0 0 16px;padding:12px 14px}.contract-decision-actions{flex-wrap:wrap}.bulk-selection-bar{align-items:center;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.support-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:20px}.support-stat-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:6px;padding:16px}.support-stat-card strong{color:#1f2937;font-size:24px}.support-stat-card span{color:#6b7280;font-size:13px}.support-layout{display:flex;flex-direction:column;gap:20px}.support-detail,.support-list{min-width:0}.support-ticket-modal{max-height:90vh;max-width:1040px;overflow-y:auto}.support-list-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;padding:18px}.support-list-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.support-list-header h2{color:#1f2937;margin:0}.support-list-header p{color:#6b7280;margin:8px 0 0}.support-table-container{max-height:520px;overflow-y:auto}.support-table-container thead th{background:#f8fafc;position:-webkit-sticky;position:sticky;top:0;z-index:1}.support-table-container td:last-child,.support-table-container th:last-child{text-align:center;width:90px}.support-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.support-row-selected{background:#eef4ff!important}.support-empty-state{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;color:#6b7280;padding:28px;text-align:center}.support-empty-state.compact{border:1px dashed #d1d5db;box-shadow:none;padding:18px}.support-detail>*+*{margin-top:16px}.support-detail-page{width:100%}.support-detail-toolbar{display:flex;justify-content:flex-start;margin-bottom:16px}.support-back-button{background:linear-gradient(135deg,#1d4ed8,#2563eb);border:1px solid #1d4ed859;box-shadow:0 10px 24px #2563eb2e;color:#fff;font-weight:700;min-width:180px;padding:12px 18px}.support-back-button:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#1d4ed8);transform:translateY(-1px)}.support-back-button:focus-visible{outline:3px solid #60a5fa59;outline-offset:2px}.support-action-card,.support-detail-header{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;padding:18px}.support-detail-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.support-action-card h3,.support-detail-header h2{color:#1f2937;margin:0}.support-detail-header p{color:#6b7280;margin:8px 0 0}.support-meta-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.support-meta-grid>div{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:6px;padding:16px}.support-meta-grid strong{color:#4b5563;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.support-meta-grid span{color:#111827;word-break:break-word}.support-inline-form{align-items:center;display:flex;gap:12px;margin-top:14px}.support-inline-form select{border:1px solid #d1d5db;border-radius:6px;flex:1 1;min-width:220px;padding:10px 12px}.support-status-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.support-message-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#111827;line-height:1.5;margin-top:14px;padding:14px 16px;white-space:pre-wrap}.support-thread-list{grid-gap:14px;display:grid;gap:14px;margin-top:14px}.support-thread-item{background:#f8fbff;border:1px solid #dbe4f0;border-radius:12px;padding:14px 16px}.support-thread-item.staff{background:#eff6ff;border-color:#bfdbfe}.support-thread-meta{align-items:center;color:#475569;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.support-thread-meta strong{color:#1f2937}.support-thread-meta span{font-size:12px}.support-thread-item .support-message-box{margin-top:0}.support-reply-composer{border-top:1px solid #e5e7eb;margin-top:18px;padding-top:18px}.support-reply-actions{display:flex;justify-content:flex-end;margin-top:12px}.support-attachment-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.support-attachment-item{align-items:center;background:#f8fbff;border:1px solid #dbe4f0;border-radius:8px;color:#1f2937;display:flex;gap:12px;justify-content:space-between;padding:12px 14px;width:100%}.support-attachment-item:hover{background:#eff6ff;border-color:#93c5fd}.support-attachment-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.support-attachment-content span{word-break:break-word}.support-attachment-actions{display:flex;flex-wrap:wrap;gap:10px}.support-attachment-actions .btn{min-width:120px}.support-attachment-content small{color:#6b7280}.support-preview-modal{max-width:980px}.support-preview-meta{color:#6b7280;font-size:14px;margin-bottom:16px;margin-top:-10px}.support-preview-frame{align-items:center;background:#f8fafc;border:1px solid #dbe4f0;border-radius:10px;display:flex;justify-content:center;min-height:420px;overflow:hidden}.support-preview-frame iframe{background:#fff;border:0;height:72vh;width:100%}.support-preview-frame img{max-height:72vh;max-width:100%;object-fit:contain}.support-preview-text{background:#f8fafc;border:1px solid #dbe4f0;border-radius:10px;color:#111827;line-height:1.5;margin:0;max-height:72vh;overflow:auto;padding:16px;white-space:pre-wrap;word-break:break-word}.support-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;padding:6px 12px}.support-status-badge.progress{background:#fef3c7;color:#92400e}.support-status-badge.done{background:#dcfce7;color:#166534}.support-status-badge.archived{background:#e5e7eb;color:#374151}.support-chat-shell{grid-gap:18px;display:grid;gap:18px;grid-template-columns:340px minmax(0,1fr);min-height:72vh}.support-chat-panel,.support-chat-sidebar{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.support-chat-sidebar{display:flex;flex-direction:column;overflow:hidden}.support-chat-sidebar-header{border-bottom:1px solid #e5e7eb;padding:18px}.support-chat-sidebar-title{align-items:center;display:flex;gap:12px;justify-content:space-between}.support-chat-sidebar-title h2{margin-bottom:0}.support-chat-header h2,.support-chat-sidebar-header h2{color:#1f2937;margin:0 0 12px}.support-chat-refresh-btn{padding:8px 14px}.support-chat-sync-note{color:#6b7280;display:flex;font-size:12px;gap:12px;justify-content:space-between;margin-top:10px}.support-chat-sync-note small{color:#94a3b8}.support-chat-conversation-list{display:flex;flex-direction:column;overflow-y:auto}.support-chat-conversation-item{background:#0000;border:0;border-bottom:1px solid #eef2f7;cursor:pointer;padding:16px 18px;text-align:left}.support-chat-conversation-item.active{background:#eff6ff}.support-chat-bubble-meta,.support-chat-conversation-bottom,.support-chat-conversation-top,.support-chat-header{display:flex;gap:12px;justify-content:space-between}.support-chat-bubble-meta span,.support-chat-bubble-status,.support-chat-conversation-bottom p,.support-chat-conversation-meta,.support-chat-conversation-top span,.support-chat-header p,.support-chat-header-side{color:#6b7280}.support-chat-conversation-meta{display:flex;flex-direction:column;font-size:13px;gap:4px;margin-top:6px}.support-chat-conversation-bottom{align-items:center;margin-top:10px}.support-chat-conversation-flags{align-items:center;display:inline-flex;flex-shrink:0;gap:8px}.support-chat-conversation-bottom p{flex:1 1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-chat-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;padding:6px 10px}.support-chat-status-badge.open{background:#10b98124;color:#047857}.support-chat-status-badge.closed{background:#94a3b82e;color:#475569}.support-chat-call-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;padding:6px 10px}.support-chat-call-badge.incoming{background:#f59e0b29;color:#b45309}.support-chat-call-badge.outgoing{background:#3b82f624;color:#1d4ed8}.support-chat-call-badge.active{background:#10b98124;color:#047857}.support-chat-unread-badge{align-items:center;background:#2563eb;border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;height:24px;justify-content:center;min-width:24px;padding:0 8px}.support-chat-panel{display:flex;flex-direction:column;min-height:72vh}.support-chat-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;padding:20px 22px}.support-chat-header p{margin:8px 0 0}.support-chat-workflow{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.support-chat-transfer-box{align-items:center;display:inline-flex;flex-wrap:wrap;gap:10px}.support-chat-transfer-box select{background:#fff;border:1px solid #d1d9e6;border-radius:10px;color:#1f2937;font:inherit;min-width:220px;padding:10px 12px}.support-chat-header-side{display:flex;flex-direction:column;font-size:13px;gap:6px;text-align:right}.support-chat-banner{background:#f59e0b1f;border:1px solid #f59e0b3d;border-radius:12px;color:#92400e;margin:16px 22px 0;padding:12px 14px}.support-chat-call-banner{border:1px solid #0000;border-radius:14px;display:flex;flex-direction:column;gap:6px;margin:16px 22px 0;padding:14px 16px}.support-chat-call-banner.incoming{background:#f59e0b1f;border-color:#f59e0b3d;color:#92400e}.support-chat-call-banner.outgoing{background:#3b82f61a;border-color:#3b82f633;color:#1d4ed8}.support-chat-call-banner.active{background:#10b9811a;border-color:#10b98138;color:#047857}.support-chat-call-history{grid-gap:12px;background:#f8fafcf0;border:1px solid #94a3b83d;border-radius:16px;display:grid;gap:12px;margin:0 22px;padding:16px 18px}.support-chat-call-history-header{align-items:center;color:#334155;display:flex;gap:12px;justify-content:space-between}.support-chat-call-history-list{grid-gap:10px;display:grid;gap:10px}.support-chat-call-log-item{grid-gap:8px;background:#fff;border:1px solid #cbd5e1e6;border-radius:14px;display:grid;gap:8px;padding:12px 14px}.support-chat-call-log-top{align-items:center;color:#64748b;display:flex;font-size:12px;gap:12px;justify-content:space-between}.support-chat-call-log-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;padding:5px 10px}.support-chat-call-log-badge.completed{background:#10b98124;color:#047857}.support-chat-call-log-badge.warning{background:#f59e0b24;color:#b45309}.support-chat-call-log-badge.ended{background:#ef44441f;color:#b91c1c}.support-chat-call-log-badge.neutral{background:#94a3b829;color:#475569}.support-chat-call-log-meta{color:#475569;display:flex;flex-wrap:wrap;font-size:13px;gap:8px 12px}.support-chat-thread{background:radial-gradient(circle at top right,#3b82f614,#0000 24%),linear-gradient(180deg,#f8fbff,#f4f8fc);flex:1 1;overflow-y:auto;padding:20px 22px}.support-chat-bubble-row{display:flex;margin-bottom:12px}.support-chat-bubble-row.own{justify-content:flex-end}.support-chat-bubble-row.other{justify-content:flex-start}.support-chat-bubble{background:#fff;border:1px solid #dbe4f0;border-radius:18px;box-shadow:0 6px 20px #0f172a0d;max-width:min(76%,760px);padding:14px 16px}.support-chat-bubble-row.own .support-chat-bubble{background:linear-gradient(135deg,#dbeafe,#eff6ff);border-color:#bfdbfe}.support-chat-bubble-meta{align-items:center;font-size:12px;margin-bottom:8px}.support-chat-bubble-meta strong{color:#1f2937}.support-chat-bubble-text{color:#111827;line-height:1.6;white-space:pre-wrap}.support-chat-attachments{display:flex;flex-direction:column;gap:8px;margin-top:12px}.support-chat-attachment-chip{background:#ffffffb8;border:1px solid #cbd5e1;border-radius:12px;color:#1f2937;display:flex;gap:14px;justify-content:space-between;padding:10px 12px;text-align:left;width:100%}.support-chat-attachment-chip small,.support-chat-attachment-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-chat-attachment-chip small{color:#64748b}.support-chat-bubble-status{align-items:center;border-radius:999px;display:flex;font-size:12px;font-weight:600;gap:6px;margin-left:auto;margin-top:8px;padding:5px 10px;text-align:right;width:-webkit-fit-content;width:fit-content}.support-chat-bubble-status.sent{background:#94a3b824;color:#475569}.support-chat-bubble-status.seen{background:#2563eb1f;color:#1d4ed8}.support-chat-typing-row{display:flex;justify-content:flex-start;margin-bottom:8px}.support-chat-typing-indicator{align-items:center;background:#ffffffd6;border:1px solid #94a3b829;border-radius:16px;box-shadow:0 8px 20px #0f172a0d;color:#475569;display:inline-flex;font-size:13px;gap:10px;padding:10px 14px}.support-chat-typing-dots{align-items:center;display:inline-flex;gap:4px}.support-chat-typing-dots span{animation:support-chat-typing-bounce 1.2s ease-in-out infinite;background:#60a5fa;border-radius:50%;height:7px;width:7px}.support-chat-typing-dots span:nth-child(2){animation-delay:.15s}.support-chat-typing-dots span:nth-child(3){animation-delay:.3s}.support-chat-composer{background:#fff;border-top:1px solid #e5e7eb;padding:18px 22px}.support-chat-composer textarea{border:1px solid #d1d9e6;border-radius:12px;font:inherit;min-height:110px;padding:14px 16px;resize:vertical;width:100%}.support-chat-hidden-input{display:none}.support-chat-selected-attachments{display:flex;flex-direction:column;gap:10px;margin-top:12px}.support-chat-selected-item{align-items:center;background:#f8fafc;border:1px solid #dbe4f0;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.support-chat-selected-item small,.support-chat-selected-item strong{display:block}.support-chat-selected-item small{color:#64748b;margin-top:4px}.support-chat-remove-attachment{border-radius:999px;height:30px;width:30px}.support-chat-composer-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}@keyframes support-chat-typing-bounce{0%,80%,to{opacity:.45;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@media (max-width:1100px){.support-attachment-item{align-items:stretch;flex-direction:column}.support-attachment-actions .btn{width:100%}.support-thread-meta{align-items:flex-start;flex-direction:column}.support-chat-shell{grid-template-columns:1fr}}@media (max-width:720px){.support-inline-form{align-items:stretch;flex-direction:column}.support-inline-form select{min-width:0}.support-detail-header,.support-list-header{flex-direction:column}.support-pagination{justify-content:flex-start;width:100%}.support-chat-bubble-meta,.support-chat-conversation-top,.support-chat-header{align-items:flex-start;flex-direction:column}.support-chat-header-side{text-align:left}.support-chat-composer-actions,.support-chat-transfer-box,.support-chat-workflow{align-items:stretch;flex-direction:column}.support-chat-composer-actions .btn,.support-chat-transfer-box select{width:100%}.support-chat-sidebar-title,.support-chat-sync-note{align-items:flex-start;flex-direction:column}.support-chat-bubble{max-width:100%}}.bulk-selection-info{color:#92400e;font-weight:600}.bulk-selection-note{color:#78350f;font-size:13px}@media (max-width:1024px){.page-container{padding:20px 24px}td,th{font-size:13px;padding:10px 12px}.license-key{display:inline-block;font-size:11px;max-width:180px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}}@media (max-width:768px){.page-container{padding:12px}.page-header{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:16px}.page-header h1{font-size:18px;white-space:normal}.page-header .btn{font-size:13px;padding:8px 14px}.header-actions{flex-wrap:wrap;gap:8px}.header-actions .btn{flex:1 1;font-size:12px;min-width:0;padding:8px 10px;text-align:center}.filters{flex-direction:column;gap:8px;margin-bottom:16px}.filters select,.search-input{font-size:16px;min-width:0;width:100%}.bulk-selection-bar{align-items:flex-start;flex-direction:column;margin-bottom:12px}.bulk-selection-note{font-size:12px}.table-container{border-radius:6px;margin:0 -12px;width:calc(100% + 24px)}td,th{font-size:12px;padding:8px 10px}th{white-space:normal}.license-key{display:inline-block;font-size:10px;max-width:120px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.status-badge{font-size:11px;padding:3px 8px}.btn-icon{font-size:16px;padding:4px}.btn-icon-small{font-size:12px;padding:2px 4px}.action-buttons{gap:2px}.pagination{flex-wrap:wrap;gap:4px;padding:12px 0}.pagination button{font-size:12px;padding:6px 10px}.pagination-info{font-size:12px;margin:8px 0 0;text-align:center;width:100%}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:16px 16px 0 0;margin:0;max-height:92vh;padding:20px 16px}.modal,.modal-wide{max-width:100%}.modal h2{font-size:18px;margin-bottom:16px}.form-row{gap:0;grid-template-columns:1fr}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:12px}.modal-actions{flex-direction:column-reverse;gap:8px;margin-top:16px}.modal-actions .btn{font-size:15px;padding:12px;width:100%}.generated-key code{box-sizing:border-box;font-size:13px;padding:10px 14px;width:100%}.encoded-result{flex-direction:column}.client-selection-header{align-items:flex-start;flex-direction:column;gap:4px}.new-client-fields{padding:12px}.new-client-fields .form-row{grid-template-columns:1fr}.tabs{width:100%}.tabs .btn{flex:1 1;font-size:13px;padding:8px 12px;text-align:center}.stats-bar{flex-direction:column!important;gap:12px!important;padding:12px 16px!important}.stat-value{font-size:24px!important}}@media (max-width:480px){.page-container{padding:8px}.page-header h1{font-size:16px}td,th{font-size:11px;padding:6px 8px}.license-key{max-width:80px}.modal{padding:16px 12px}.btn-icon{font-size:14px;padding:2px}}.client-portal-shell{background:radial-gradient(circle at top left,#f472b62e,#0000 28%),radial-gradient(circle at top right,#38bdf829,#0000 30%),linear-gradient(180deg,#f8fafc,#eef4ff);color:#122033;min-height:100vh}.client-portal-login{display:grid;min-height:100vh;padding:32px 16px;place-items:center}.client-portal-card,.client-portal-login-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid #94a3b82e;border-radius:24px;box-shadow:0 24px 70px #0f172a14}.client-portal-login-card{max-width:460px;padding:32px;width:100%}.client-portal-kicker{align-items:center;background:#0e74901a;border-radius:999px;color:#0f766e;display:inline-flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.08em;padding:6px 12px;text-transform:uppercase}.client-portal-card h2,.client-portal-card h3,.client-portal-login-card h1{margin:0}.client-portal-login-card h1{font-size:32px;line-height:1.1;margin-top:16px}.client-portal-subtitle{color:#475569;line-height:1.6;margin:12px 0 24px}.client-portal-hint{color:#64748b;font-size:13px;margin-top:16px}.client-portal-header{margin:0 auto;max-width:1160px;padding:24px 24px 0}.client-portal-header-bar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #94a3b833;border-radius:24px;box-shadow:0 18px 50px #0f172a12;display:flex;gap:16px;justify-content:space-between;padding:18px 22px}.client-portal-brand{display:flex;flex-direction:column;gap:4px}.client-portal-brand strong{font-size:22px}.client-portal-brand span{color:#475569;font-size:14px}.client-portal-nav{align-items:center;display:flex;gap:10px}.client-portal-link{color:#334155;font-weight:600;gap:8px;padding:10px 16px;text-decoration:none}.client-portal-link,.client-portal-link-badge{align-items:center;border-radius:999px;display:inline-flex}.client-portal-link-badge{background:#dc2626;color:#fff;font-size:11px;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 7px}.client-portal-link.active{background:linear-gradient(135deg,#0f766e,#0284c7);color:#fff}.client-portal-link.active .client-portal-link-badge{background:#ffffff38}.client-portal-main{margin:0 auto;max-width:1160px;padding:24px}.client-portal-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr)}.client-portal-grid,.client-portal-stack{grid-gap:20px;display:grid;gap:20px}.client-portal-card{padding:24px}.client-portal-card-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.client-portal-card-header p{color:#64748b;margin:8px 0 0}.client-portal-metrics{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.client-portal-metric{background:linear-gradient(135deg,#0e749014,#3b82f614);border:1px solid #7dd3fc3d;border-radius:18px;padding:18px}.client-portal-metric-label{color:#475569;display:block;font-size:13px;margin-bottom:10px}.client-portal-metric-value{color:#0f172a;display:block;font-size:28px;font-weight:700}.client-portal-note,.client-portal-warning{border-radius:16px;line-height:1.5;margin-bottom:18px;padding:14px 16px}.client-portal-note{background:#0ea5e914;border:1px solid #0ea5e92e;color:#0c4a6e}.client-portal-warning{background:#f59e0b1f;border:1px solid #f59e0b4d;color:#92400e}.client-portal-section-title{font-size:18px;margin:0 0 16px}.client-portal-empty{background:#94a3b81f;border-radius:16px;color:#475569;padding:16px}.client-portal-form .form-group{margin-bottom:16px}.client-portal-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.client-portal-support-list{color:#475569;line-height:1.6;margin:0;padding-left:18px}.client-portal-license-section{margin-top:24px}.client-portal-license-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.client-portal-license-card{background:#0f766e14;border:1px solid #2dd4bf38;border-radius:18px;padding:16px 18px}.client-portal-license-name{color:#0f172a;display:block;font-size:13px;margin-bottom:8px}.client-portal-license-count{color:#0f766e;font-size:26px}.client-portal-ticket-composer{background:#3b82f60f;border:1px solid #60a5fa33;border-radius:18px;margin-bottom:20px;padding:18px}.client-portal-field-help{color:#64748b;display:block;font-size:12px;margin-top:8px}.client-portal-ticket-attachments-editor{grid-gap:10px;display:grid;gap:10px;margin-bottom:8px}.client-portal-ticket-attachment-chip{align-items:center;background:#ffffffd1;border:1px solid #94a3b82e;border-radius:14px;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.client-portal-ticket-attachment-chip span,.client-portal-ticket-attachment-chip strong{display:block}.client-portal-ticket-attachment-chip span{color:#64748b;font-size:12px;margin-top:4px}.client-portal-ticket-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.client-portal-filter{background:#fff;border:1px solid #94a3b842;border-radius:999px;color:#334155;cursor:pointer;font-weight:600;padding:8px 14px;transition:all .2s ease}.client-portal-filter.active{background:linear-gradient(135deg,#0f766e,#0284c7);border-color:#0000;color:#fff}.client-portal-ticket-list{grid-gap:14px;display:grid;gap:14px}.client-portal-ticket-item{background:#f8fafce6;border:1px solid #94a3b82e;border-radius:18px;padding:18px}.client-portal-ticket-top{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.client-portal-ticket-top-side{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.client-portal-ticket-subject{color:#0f172a;display:block;font-size:16px}.client-portal-ticket-meta{color:#64748b;font-size:13px;margin-top:6px}.client-portal-ticket-status{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;padding:8px 12px;white-space:nowrap}.client-portal-ticket-status.progress{background:#f59e0b24;color:#92400e}.client-portal-ticket-status.done{background:#22c55e24;color:#166534}.client-portal-ticket-status.archived{background:#64748b24;color:#334155}.client-portal-ticket-unread-badge{align-items:center;background:#dc26261a;border-radius:999px;color:#b91c1c;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;padding:6px 10px}.client-portal-ticket-message{color:#334155;line-height:1.6;margin:14px 0 0;white-space:pre-wrap}.client-portal-thread-list{grid-gap:12px;display:grid;gap:12px;margin-top:16px}.client-portal-thread-item{background:#ffffffb3;border:1px solid #94a3b833;border-radius:16px;padding:14px 16px}.client-portal-thread-item.staff{background:#e0f2fe85;border-color:#38bdf83d}.client-portal-thread-meta{align-items:center;color:#64748b;display:flex;gap:12px;justify-content:space-between}.client-portal-thread-meta strong{color:#0f172a}.client-portal-thread-meta span{font-size:12px}.client-portal-thread-item .client-portal-ticket-message{margin-top:10px}.client-portal-ticket-attachments{margin-top:16px}.client-portal-ticket-attachments-label{color:#475569;display:block;font-size:13px;font-weight:700;margin-bottom:10px}.client-portal-ticket-attachments-list{display:flex;flex-wrap:wrap;gap:10px}.client-portal-ticket-download{align-items:flex-start;background:#0ea5e90f;border:1px solid #0e74902e;border-radius:14px;color:#0f172a;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:180px;padding:12px 14px;transition:transform .2s ease,border-color .2s ease}.client-portal-ticket-download:hover:not(:disabled){border-color:#0e749057;transform:translateY(-1px)}.client-portal-ticket-download:disabled{cursor:wait;opacity:.65}.client-portal-ticket-download small{color:#64748b}.client-portal-chat-card{display:flex;flex-direction:column;min-height:74vh}.client-portal-chat-meta{color:#64748b;display:flex;flex-direction:column;font-size:13px;gap:6px;text-align:right}.client-portal-chat-status-badge{align-items:center;align-self:flex-end;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;padding:7px 12px}.client-portal-chat-status-badge.open{background:#10b9811f;color:#047857}.client-portal-chat-status-badge.closed{background:#94a3b829;color:#475569}.client-portal-support-presence{align-items:center;align-self:flex-end;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;gap:8px;padding:7px 12px}.client-portal-support-presence.online{background:#10b9811f;color:#047857}.client-portal-support-presence.offline{background:#94a3b824;color:#475569}.client-portal-support-presence-dot{background:currentColor;border-radius:50%;box-shadow:0 0 0 4px #ffffff5c;height:10px;width:10px}.client-portal-chat-banner{background:#f59e0b1f;border:1px solid #f59e0b38;border-radius:14px;color:#92400e;margin:0 0 18px;padding:12px 14px}.client-portal-chat-call-banner{border:1px solid #0000;border-radius:16px;display:flex;flex-direction:column;gap:6px;margin:0 0 18px;padding:14px 16px}.client-portal-chat-call-banner.incoming{background:#f59e0b1f;border-color:#f59e0b3d;color:#92400e}.client-portal-chat-call-banner.outgoing{background:#3b82f61a;border-color:#3b82f633;color:#1d4ed8}.client-portal-chat-call-banner.active{background:#10b9811a;border-color:#10b98138;color:#047857}.client-portal-chat-call-history{grid-gap:12px;background:#f8fafce0;border:1px solid #94a3b838;border-radius:18px;display:grid;gap:12px;margin:0 0 18px;padding:16px 18px}.client-portal-chat-call-history-header{align-items:center;color:#334155;display:flex;gap:12px;justify-content:space-between}.client-portal-chat-call-history-list{grid-gap:10px;display:grid;gap:10px}.client-portal-chat-call-log-item{grid-gap:8px;background:#ffffffeb;border:1px solid #cbd5e1e6;border-radius:14px;display:grid;gap:8px;padding:12px 14px}.client-portal-chat-call-log-top{align-items:center;color:#64748b;display:flex;font-size:12px;gap:12px;justify-content:space-between}.client-portal-chat-call-log-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;padding:5px 10px}.client-portal-chat-call-log-badge.completed{background:#10b98124;color:#047857}.client-portal-chat-call-log-badge.warning{background:#f59e0b24;color:#b45309}.client-portal-chat-call-log-badge.ended{background:#ef44441f;color:#b91c1c}.client-portal-chat-call-log-badge.neutral{background:#94a3b829;color:#475569}.client-portal-chat-call-log-meta{color:#475569;display:flex;flex-wrap:wrap;font-size:13px;gap:8px 12px}.client-portal-chat-audio-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.client-portal-audio-pill{align-items:center;align-self:flex-end;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;padding:7px 12px}.client-portal-audio-pill.incoming{background:#f59e0b24;color:#b45309}.client-portal-audio-pill.outgoing{background:#3b82f61f;color:#1d4ed8}.client-portal-audio-pill.active{background:#10b9811f;color:#047857}.client-portal-chat-thread{background:radial-gradient(circle at top right,#3b82f614,#0000 24%),linear-gradient(180deg,#f8fafcf5,#eef4ffeb);border:1px solid #94a3b824;border-radius:20px;flex:1 1;overflow-y:auto;padding:18px}.client-portal-chat-row{display:flex;margin-bottom:12px}.client-portal-chat-row.own{justify-content:flex-end}.client-portal-chat-row.other{justify-content:flex-start}.client-portal-chat-bubble{background:#ffffffeb;border:1px solid #94a3b829;border-radius:18px;box-shadow:0 10px 26px #0f172a0d;max-width:min(76%,760px);padding:14px 16px}.client-portal-chat-row.own .client-portal-chat-bubble{background:linear-gradient(135deg,#dbeafef5,#eff6fffa);border-color:#60a5fa47}.client-portal-chat-attachments{display:flex;flex-direction:column;gap:8px;margin-top:12px}.client-portal-chat-attachment{background:#ffffffc2;border:1px solid #94a3b833;border-radius:12px;color:#0f172a;display:flex;gap:14px;justify-content:space-between;padding:10px 12px;text-align:left;width:100%}.client-portal-chat-attachment small,.client-portal-chat-attachment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-portal-chat-attachment small{color:#64748b}.client-portal-chat-status{align-items:center;border-radius:999px;display:flex;font-size:12px;font-weight:600;gap:6px;margin-left:auto;margin-top:8px;padding:5px 10px;text-align:right;width:-webkit-fit-content;width:fit-content}.client-portal-chat-status.sent{background:#94a3b824;color:#475569}.client-portal-chat-status.seen{background:#0ea5e91f;color:#0369a1}.client-portal-chat-typing-row{display:flex;justify-content:flex-start;margin-bottom:8px}.client-portal-chat-typing-indicator{align-items:center;background:#ffffffdb;border:1px solid #94a3b829;border-radius:16px;box-shadow:0 8px 20px #0f172a0d;color:#475569;display:inline-flex;font-size:13px;gap:10px;padding:10px 14px}.client-portal-chat-typing-dots{align-items:center;display:inline-flex;gap:4px}.client-portal-chat-typing-dots span{animation:client-portal-chat-typing-bounce 1.2s ease-in-out infinite;background:#38bdf8;border-radius:50%;height:7px;width:7px}.client-portal-chat-typing-dots span:nth-child(2){animation-delay:.15s}.client-portal-chat-typing-dots span:nth-child(3){animation-delay:.3s}.client-portal-chat-composer{margin-top:18px}.client-portal-chat-hidden-input{display:none}.client-portal-chat-composer textarea{border:1px solid #94a3b83d;border-radius:16px;font:inherit;min-height:110px;padding:14px 16px;resize:vertical;width:100%}.client-portal-chat-selected{display:flex;flex-direction:column;gap:10px;margin-top:12px}.client-portal-chat-selected-item{align-items:center;background:#f8fafcf5;border:1px solid #94a3b82e;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.client-portal-chat-selected-item small,.client-portal-chat-selected-item strong{display:block}.client-portal-chat-selected-item small{color:#64748b;margin-top:4px}.client-portal-chat-remove{border-radius:999px;height:30px;width:30px}@keyframes client-portal-chat-typing-bounce{0%,80%,to{opacity:.45;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@media (max-width:900px){.client-portal-grid{grid-template-columns:1fr}}@media (max-width:768px){.client-portal-login-card{padding:24px 18px}.client-portal-login-card h1{font-size:28px}.client-portal-header{padding:16px 12px 0}.client-portal-header-bar{align-items:stretch;flex-direction:column}.client-portal-nav{flex-wrap:wrap;justify-content:space-between}.client-portal-main{padding:16px 12px 24px}.client-portal-card{padding:20px 16px}.client-portal-card-header{flex-direction:column}.client-portal-metrics{grid-template-columns:1fr}.client-portal-form-actions{flex-direction:column-reverse}.client-portal-form-actions .btn{width:100%}.client-portal-ticket-top{flex-direction:column}.client-portal-ticket-top-side{align-items:flex-start}.client-portal-thread-meta{align-items:flex-start;flex-direction:column}.client-portal-chat-meta{text-align:left}.client-portal-audio-pill,.client-portal-chat-status-badge,.client-portal-support-presence{align-self:flex-start}.client-portal-chat-bubble{max-width:100%}.client-portal-ticket-status{align-self:flex-start}}:root{--color-primary:#667eea;--color-secondary:#764ba2;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--bg-primary:#f5f6fa;--bg-secondary:#fff;--bg-sidebar:linear-gradient(180deg,#2c3e50,#1a252f);--text-primary:#333;--text-secondary:#666;--text-muted:#999;--text-sidebar:#ecf0f1;--border-color:#e0e0e0;--shadow-color:#0000001a;--table-header-bg:#f8f9fa;--table-row-hover:#f8f9fa;--input-bg:#fff;--modal-overlay:#00000080}[data-theme=dark]{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-sidebar:linear-gradient(180deg,#0f0f1a,#1a1a2e);--text-primary:#e4e6eb;--text-secondary:#b0b3b8;--text-muted:#8a8d91;--text-sidebar:#e4e6eb;--border-color:#3a3a4a;--shadow-color:#0000004d;--table-header-bg:#1f1f3a;--table-row-hover:#252545;--input-bg:#252545;--modal-overlay:#000000b3}body{background-color:#f5f6fa;background-color:var(--bg-primary);transition:background-color .3s ease,color .3s ease}body,input,select,textarea{color:#333;color:var(--text-primary)}input,select,textarea{background-color:#fff;background-color:var(--input-bg);border-color:#e0e0e0;border-color:var(--border-color)}input::placeholder,textarea::placeholder{color:#999;color:var(--text-muted)}.table-container{background:#fff;background:var(--bg-secondary);box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--shadow-color)}table th{background:#f8f9fa;background:var(--table-header-bg)}table td,table th{color:#333;color:var(--text-primary)}table td{border-bottom-color:#e0e0e0;border-bottom-color:var(--border-color)}table tr:hover{background:#f8f9fa;background:var(--table-row-hover)}.modal{background:#fff;background:var(--bg-secondary);color:#333;color:var(--text-primary)}.modal-overlay{background:#00000080;background:var(--modal-overlay)}.empty-state,.stats-bar{background:#fff;background:var(--bg-secondary);box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--shadow-color)}.form-group label{color:#333;color:var(--text-primary)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary)}.btn-secondary{background:#f8f9fa;background:var(--table-header-bg);color:#333;color:var(--text-primary)}.btn-secondary:hover{background:#e0e0e0;background:var(--border-color)}.pagination button{background:#fff;background:var(--bg-secondary);border-color:#e0e0e0;border-color:var(--border-color);color:#333;color:var(--text-primary)}.pagination button:hover:not(:disabled){background:#f8f9fa;background:var(--table-row-hover);border-color:#667eea;border-color:var(--color-primary)}.pagination button.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-color:#667eea;border-color:var(--color-primary);color:#fff}.pagination-info{color:#666;color:var(--text-secondary)}.filters input,.filters select{background:#fff;background:var(--input-bg);color:#333;color:var(--text-primary)}.filters input,.filters select,.new-client-fields{border-color:#e0e0e0;border-color:var(--border-color)}.new-client-fields{background:#f8f9fa;background:var(--table-header-bg)}.info-message{background:#667eea1a}.btn-link,.info-message{color:#667eea;color:var(--color-primary)}.btn-link:hover{color:#764ba2;color:var(--color-secondary)}.loading{color:#666;color:var(--text-secondary)}.page-header h1{color:#333;color:var(--text-primary)}[data-theme=dark] .row-warning{background:#fff3cd1a!important}[data-theme=dark] .row-expired{background:#f8d7da1a!important}[data-theme=dark] .row-critical{background:#f8d7da26!important}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f6fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal{animation:fadeIn .2s ease-out}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #667eea33;outline:none}::selection{background:#667eea;color:#fff}
/*# sourceMappingURL=main.283c1f70.css.map*/