#groupModal{display:none!important}#groupModal.show{display:block!important}.group-manager-container{padding:20px}.groups-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:24px}.group-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:all .2s}.group-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.group-header h3{font-size:20px;font-weight:600;margin:0}.group-badge{background:#f5f5f5;border-radius:12px;color:#666;font-size:12px;padding:4px 12px}.group-description{color:#666;margin:12px 0;min-height:40px}.group-stats{display:flex;gap:16px;margin:12px 0}.group-stats .stat{align-items:center;color:#666;display:flex;font-size:14px;gap:6px}.group-actions{border-top:1px solid #e0e0e0;display:flex;gap:8px;margin-top:16px;padding-top:16px}#groupModal .modal-lg{max-width:900px}.roles-selector{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;max-height:400px;overflow-y:auto;padding:16px}.roles-list{display:grid;gap:12px}.role-checkbox-label{align-items:flex-start;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;gap:12px;margin:0;padding:12px;transition:all .2s}.role-checkbox-label:hover{background:#e3f2fd;border-color:#2196f3}.role-checkbox-label input[type=checkbox]{cursor:pointer;margin-top:4px}.role-checkbox-content{flex:1}.role-checkbox-content strong{display:block;font-size:16px;margin-bottom:4px}.role-badge-small{background:#f5f5f5;border-radius:10px;color:#666;display:inline-block;font-family:monospace;font-size:11px;margin-left:8px;padding:2px 8px}.role-description-small{color:#666;font-size:13px;margin:6px 0}.permission-count{background:#e3f2fd;border-radius:10px;color:#1976d2;display:inline-block;font-size:12px;margin-top:6px;padding:2px 8px}.member-selector{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.search-box-modal{margin-bottom:16px}.search-box-modal input{padding:10px;width:100%}.search-box-modal input,.selected-members{border:1px solid #e0e0e0;border-radius:4px}.selected-members{background:#fff;margin-bottom:12px;min-height:60px;padding:12px}.member-badge{align-items:center;background:#e3f2fd;border-radius:16px;color:#1976d2;display:inline-flex;font-size:14px;gap:8px;margin:4px;padding:6px 12px}.member-badge .remove-member{cursor:pointer;opacity:.6;transition:opacity .2s}.member-badge .remove-member:hover{opacity:1}.available-users{background:#fff;border:1px solid #e0e0e0;border-radius:4px;max-height:300px;overflow-y:auto}.user-search-results{padding:8px 0}.user-result{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .2s}.user-result:hover{background:#f5f5f5}.user-result i{color:#666;font-size:20px}.user-result div{flex:1}.user-result strong{display:block;font-size:14px}.user-result small{color:#666;display:block;font-size:12px}#groupModal .modal-footer{background:#fff;border-top:1px solid #dee2e6;bottom:0;display:flex!important;gap:.5rem;justify-content:flex-end!important;padding:1rem;position:sticky;z-index:1001}#groupModal .modal-footer .btn{display:inline-block!important;min-width:80px;opacity:1!important;visibility:visible!important}#viewGroupModal{display:none!important}#viewGroupModal.show{display:block!important}.view-group-details{padding:10px 0}.role-list-view{background:#f9f9f9;border-radius:6px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:10px}.role-item-view{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;font-size:14px;gap:8px;padding:8px 12px}.role-item-view i{color:#4caf50;font-size:12px}.badge-info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.badge-custom{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.group-roles{border-top:1px solid #e9ecef;margin-top:12px;padding-top:12px}.group-roles strong{color:#6c757d;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.role-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:inline-block;font-weight:500;margin:4px 4px 4px 0;padding:4px 10px}.ml-monitor-dashboard{margin:0 auto;max-width:1400px;padding:20px}.ml-monitor-dashboard .header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.ml-monitor-dashboard .controls{align-items:center;display:flex;gap:10px}.ml-monitor-dashboard .controls label{align-items:center;display:flex;gap:5px;margin:0}.ml-monitor-dashboard .metrics-container{display:grid;gap:20px;grid-template-columns:1fr;margin-bottom:20px}.ml-monitor-dashboard .card{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden}.ml-monitor-dashboard .card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 20px}.ml-monitor-dashboard .card-header h3{font-size:1.3em;margin:0}.ml-monitor-dashboard .card-body{padding:20px}.ml-monitor-dashboard .metric-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.ml-monitor-dashboard .metric{align-items:center;background:#f8f9fa;border-left:3px solid #667eea;border-radius:5px;display:flex;justify-content:space-between;padding:10px}.ml-monitor-dashboard .metric .label{color:#555;font-weight:600}.ml-monitor-dashboard .metric .value{color:#333;font-weight:700}.ml-monitor-dashboard .section-header{border-bottom:2px solid #e0e0e0;grid-column:1/-1;margin-bottom:-5px;margin-top:15px;padding-bottom:5px}.ml-monitor-dashboard .section-header h4{color:#667eea;font-size:1.1em;margin:0}.ml-monitor-dashboard .badge{border-radius:4px;font-size:.9em;font-weight:600;padding:5px 10px}.ml-monitor-dashboard .badge-success{background:#28a745;color:#fff}.ml-monitor-dashboard .badge-warning{background:#ffc107;color:#333}.ml-monitor-dashboard .badge-danger{background:#dc3545;color:#fff}.ml-monitor-dashboard .badge-info{background:#17a2b8;color:#fff}.ml-monitor-dashboard .console-info{background:#2d2d2d;border-radius:8px;color:#f8f8f2;margin-top:20px;padding:20px}.ml-monitor-dashboard .console-info h4{color:#50fa7b;margin-top:0}.ml-monitor-dashboard .console-info pre{background:#1e1e1e;border-radius:5px;color:#f8f8f2;margin:0;overflow-x:auto;padding:15px}.ml-monitor-dashboard .text-danger{color:#dc3545!important}.ml-monitor-dashboard .text-success{color:#28a745!important}.ml-monitor-dashboard .text-warning{color:#ffc107!important}.ml-monitor-dashboard .text-muted{color:#6c757d;font-style:italic}.ml-monitor-dashboard .alert{border-radius:5px;margin-bottom:20px;padding:15px}.ml-monitor-dashboard .alert-danger{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.ml-monitor-dashboard .btn{border:none;border-radius:5px;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s}.ml-monitor-dashboard .btn:disabled{cursor:not-allowed;opacity:.6}.ml-monitor-dashboard .btn-primary{background:#667eea;color:#fff}.ml-monitor-dashboard .btn-primary:hover:not(:disabled){background:#5568d3}.ml-monitor-dashboard .btn-warning{background:#ffc107;color:#333}.ml-monitor-dashboard .btn-warning:hover:not(:disabled){background:#e0a800}#roleModal{display:none!important}#roleModal.show{display:block!important}.role-manager-container{padding:20px}.page-header{margin-bottom:24px}.page-header h2{font-size:28px}.info-banner{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;margin-bottom:24px;padding:16px}.roles-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:24px}.role-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:all .2s}.role-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.role-card.root-role{background:linear-gradient(135deg,#fffef7,#fff);border:2px solid gold}.role-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.role-header h3{font-size:20px;font-weight:600;margin:0}.role-badge{background:#f5f5f5;border-radius:12px;color:#666;font-family:monospace;font-size:12px;padding:4px 12px}.role-description{color:#666;margin:12px 0;min-height:40px}.role-stats{display:flex;gap:16px;margin:12px 0}.role-stats .stat{align-items:center;color:#666;display:flex;font-size:14px;gap:6px}.role-permissions-preview{margin:16px 0}.permission-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.permission-tag{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:12px;padding:4px 10px}.permission-tag.more{background:#f5f5f5;color:#666}.role-actions{border-top:1px solid #e0e0e0;display:flex;gap:8px;margin-top:16px;padding-top:16px}.backend-status{background:#f0f9ff;border-radius:8px;color:#0c4a6e;margin-top:32px;padding:16px;text-align:center}#roleModal .modal-lg{max-width:900px}.permissions-selector{background:#fafafa;max-height:500px;overflow-y:auto}.permission-module-card,.permissions-selector{border:1px solid #e0e0e0;border-radius:8px;padding:16px}.permission-module-card{background:#fff;margin-bottom:16px}.permission-module-card:last-child{margin-bottom:0}.module-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.module-header h6{color:#333;font-size:16px;font-weight:600;margin:0}.select-all-label{align-items:center;color:#666;cursor:pointer;display:flex;font-size:13px;gap:6px;margin:0}.module-permissions{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.permission-checkbox{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;gap:8px;margin:0;padding:8px 12px;transition:all .2s}.permission-checkbox:hover{background:#e3f2fd;border-color:#2196f3}.permission-checkbox input[type=checkbox]{cursor:pointer;margin:0}.permission-checkbox input[type=checkbox]:checked+span{color:#1976d2;font-weight:600}.permission-checkbox span{font-size:13px}.loading-spinner{color:#666;font-size:18px;padding:60px}.loading-spinner i{margin-right:12px}.no-data{color:#999;padding:80px 20px;text-align:center}.no-data i{font-size:64px;margin-bottom:20px;opacity:.5}.no-data p{font-size:18px}.controls-section{align-items:center;display:flex;justify-content:space-between;margin:20px 0}.search-box{flex:1;max-width:400px;position:relative}.search-box i{color:#999;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{border:1px solid #e0e0e0;border-radius:4px;font-size:14px;padding:10px 10px 10px 40px;width:100%}.filters{display:flex;gap:16px}.filters label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:6px}#roleModal .modal-footer{background:#fff;border-top:1px solid #dee2e6;bottom:0;display:flex!important;gap:.5rem;justify-content:flex-end!important;padding:1rem;position:sticky;z-index:1001}#roleModal .modal-footer .btn{display:inline-block!important;min-width:80px;opacity:1!important;visibility:visible!important}#viewRoleModal{display:none!important}#viewRoleModal.show{display:block!important}.view-role-details{padding:10px 0}.detail-section{margin-bottom:30px}.detail-section h6{border-bottom:2px solid #e0e0e0;color:#333;font-size:16px;font-weight:600;margin-bottom:15px;padding-bottom:8px}.detail-table{border-collapse:collapse;width:100%}.detail-table tr{border-bottom:1px solid #f0f0f0}.detail-table td{padding:12px 10px;vertical-align:top}.detail-table td:first-child{color:#666;width:150px}.detail-table td:last-child{color:#333}.permission-list-view{background:#f9f9f9;border-radius:6px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));max-height:400px;overflow-y:auto;padding:10px}.permission-item-view{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;font-size:14px;gap:8px;padding:8px 12px}.permission-item-view i{color:#4caf50;font-size:12px}.badge{border-radius:4px;display:inline-block;font-size:12px;padding:4px 8px}.badge-warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}#createUserModal,#editUserModal,#roleAssignmentModal{display:none!important}#createUserModal.show,#editUserModal.show,#roleAssignmentModal.show{display:block!important}.user-manager-container{margin:0 auto;max-width:1400px;padding:20px}.page-header{border-bottom:2px solid #e0e0e0;margin-bottom:30px;padding-bottom:15px}.page-header h2{color:#333;font-weight:600}.page-header h2 i{color:#007bff;margin-right:10px}.search-section{margin-bottom:20px}.search-section .input-group{max-width:500px}.users-list{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px}.table{margin-bottom:0}.table thead th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600}.user-row{transition:background-color .2s}.user-row:hover{background-color:#f8f9fa}.user-row.deactivated{background-color:#fff3cd;opacity:.6}.user-roles{display:flex;flex-wrap:wrap;gap:5px}.user-roles .badge{font-size:.85em;padding:4px 8px}.empty-state,.loading-state{color:#6c757d;padding:60px 20px;text-align:center}.empty-state i{color:#dee2e6;margin-bottom:20px}.empty-state p{font-size:1.1em;margin:0}.pagination-controls{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:20px;justify-content:center;margin-top:20px;padding-top:20px}.page-info{color:#495057;font-weight:500}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px 8px 0 0;color:#fff}.modal-header .modal-title{font-weight:600}.modal-header .modal-title i{margin-right:10px}.modal-header .close{color:#fff;opacity:.9}.modal-header .close:hover{opacity:1}.modal-body{padding:25px}.modal-footer{background:#f8f9fa;border-radius:0 0 8px 8px}.form-group label{color:#495057;font-weight:600;margin-bottom:8px}.form-control{border:1px solid #ced4da;border-radius:6px;padding:10px 15px}.form-control:focus{border-color:#667eea;box-shadow:0 0 0 .2rem rgba(102,126,234,.25)}.roles-checkboxes{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;max-height:300px;overflow-y:auto;padding:15px}.form-check{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:10px;padding:10px;transition:all .2s}.form-check:hover{border-color:#667eea;box-shadow:0 2px 4px rgba(102,126,234,.1)}.form-check-input:checked~.form-check-label{color:#667eea;font-weight:600}.form-check-label{align-items:center;cursor:pointer;display:flex;gap:8px}.permissions-overview{margin-top:20px}.permissions-overview h6{border-bottom:2px solid #e0e0e0;color:#495057;font-weight:600;margin-bottom:15px;padding-bottom:10px}.accordion .card{border:1px solid #e0e0e0;border-radius:6px;margin-bottom:10px;overflow:hidden}.accordion .card-header{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-bottom:none;padding:0}.accordion .card-header .btn-link{align-items:center;color:#333;display:flex;font-weight:600;justify-content:space-between;padding:15px 20px;text-align:left;text-decoration:none;width:100%}.accordion .card-header .btn-link:hover{color:#667eea;text-decoration:none}.accordion .card-header i{margin-right:10px}.permission-list{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.permission-item{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;font-size:.9em;gap:8px;padding:8px 12px}.permission-item.granted{background:#d4edda;border:1px solid #c3e6cb}.permission-item i{font-size:1.1em}.btn{border-radius:6px;padding:8px 16px;transition:all .2s}.btn i{margin-right:6px}.btn-group .btn{font-size:.9em;padding:5px 10px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.btn-primary:hover{background:linear-gradient(135deg,#5568d3,#65408b);box-shadow:0 4px 8px rgba(102,126,234,.3);transform:translateY(-2px)}.btn-info{background:#17a2b8;border:none}.btn-info:hover{background:#138496}.btn-warning{background:#ffc107;border:none;color:#333}.btn-warning:hover{background:#e0a800}.btn-success{background:#28a745;border:none}.btn-success:hover{background:#218838}.badge{border-radius:12px;font-weight:500;padding:4px 10px}.badge-danger{background:linear-gradient(135deg,#f093fb,#f5576c)}.badge-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.badge-success{background:#28a745}.badge-warning{background:#ffc107;color:#333}.badge-secondary{background:#6c757d}.user-info{background:#f8f9fa;border-left:4px solid #667eea;border-radius:6px;padding:15px}.user-info strong{color:#667eea}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:15px}.search-section .input-group{max-width:100%}.table-responsive{font-size:.85em}.btn-group{flex-direction:column}.permission-list{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal.show .modal-dialog{animation:fadeIn .3s ease-out}:root{--surface-primary:#fff;--surface-secondary:#f6f8fa;--surface-tertiary:#eef1f6;--surface-elevated:#fff;--surface-sunken:#f0f3f7;--surface-overlay:rgba(31,35,40,.75);--text-primary:#1f2328;--text-secondary:#636c76;--text-tertiary:#8c959f;--text-placeholder:#a7b2bd;--text-inverse:#fff;--text-link:#0969da;--text-link-hover:#0550ae;--border-default:#d0d7de;--border-muted:#e5e9ed;--border-subtle:#f0f3f7;--color-primary:#667eea;--color-primary-hover:#5568d3;--color-primary-active:#4a5dc0;--color-secondary:#764ba2;--color-success:#1a7f37;--color-success-bg:#dafbe1;--color-danger:#d1242f;--color-danger-bg:#ffebe9;--color-warning:#bf8700;--color-warning-bg:#fff8c5;--color-info:#0969da;--color-info-bg:#ddf4ff;--shadow-xs:0 1px 2px 0 rgba(31,35,40,.04);--shadow-sm:0 1px 3px 0 rgba(31,35,40,.08),0 1px 2px 0 rgba(31,35,40,.04);--shadow-md:0 4px 6px -1px rgba(31,35,40,.08),0 2px 4px -1px rgba(31,35,40,.04);--shadow-lg:0 10px 15px -3px rgba(31,35,40,.08),0 4px 6px -2px rgba(31,35,40,.04);--shadow-xl:0 20px 25px -5px rgba(31,35,40,.08),0 10px 10px -5px rgba(31,35,40,.02);--input-bg:#fff;--input-border:#d0d7de;--input-border-focus:var(--color-primary);--input-shadow-focus:0 0 0 3px rgba(102,126,234,.15);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--surface-primary:#0d1117;--surface-secondary:#161b22;--surface-tertiary:#1c2128;--surface-elevated:#21262d;--surface-sunken:#010409;--surface-overlay:rgba(1,4,9,.85);--text-primary:#e6edf3;--text-secondary:#8d96a0;--text-tertiary:#6e7681;--text-placeholder:#484f58;--text-inverse:#0d1117;--text-link:#2f81f7;--text-link-hover:#4493f8;--border-default:#30363d;--border-muted:#21262d;--border-subtle:#1c2128;--color-primary:#6e8aef;--color-primary-hover:#7d96f3;--color-primary-active:#8ca2f6;--color-success:#238636;--color-success-bg:#0d4820;--color-danger:#f85149;--color-danger-bg:#490f0d;--color-warning:#d29922;--color-warning-bg:#341a03;--color-info:#388bfd;--color-info-bg:#0c2d6b;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.3);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.4),0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.5),0 4px 6px -2px rgba(0,0,0,.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.6),0 10px 10px -5px rgba(0,0,0,.4);--input-bg:#0d1117;--input-border:#30363d;--input-border-focus:var(--color-primary);--input-shadow-focus:0 0 0 3px rgba(110,138,239,.25)}body{background-color:var(--surface-primary);transition:background-color var(--transition-base),color var(--transition-base)}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600}p{color:var(--text-primary)}.small,small{color:var(--text-secondary)}.text-muted{color:var(--text-secondary)!important}.text-secondary{color:var(--text-tertiary)!important}a:not(.btn):not(.nav-link):not(.dropdown-item){color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:not(.btn):not(.nav-link):not(.dropdown-item):hover{color:var(--text-link-hover);text-decoration:underline}.admin-layout,.app-layout,.main-layout{min-height:100vh}.admin-content,.admin-layout,.admin-main,.app-layout,.content-wrapper,.main-content,.main-layout,.page-content{background-color:var(--surface-primary);color:var(--text-primary)}.container,.container-fluid{background-color:transparent}[data-theme=dark] .bg-white{background-color:var(--surface-secondary)!important}[data-theme=dark] .bg-light{background-color:var(--surface-tertiary)!important}.analytics-card,.analytics-section,.block,.card,.dashboard-card,.feature-card,.info-card,.metric-card,.panel,.stat-card,.widget{background-color:var(--surface-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);transition:all var(--transition-base)}.card:hover,.metric-card:hover,.stat-card:hover{background-color:var(--surface-tertiary);border-color:var(--border-muted);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-header,.panel-header,.widget-header{background-color:var(--surface-tertiary);border-bottom:1px solid var(--border-default);color:var(--text-primary);font-weight:600}.card-body{color:var(--text-primary)}.card-footer{background-color:var(--surface-tertiary);border-top:1px solid var(--border-default);color:var(--text-secondary)}.form-control,input,select,textarea{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast)}input::placeholder,textarea::placeholder{color:var(--text-placeholder)}.form-control:focus,input:focus,select:focus,textarea:focus{background-color:var(--input-bg);border-color:var(--input-border-focus);box-shadow:var(--input-shadow-focus);color:var(--text-primary);outline:none}input:disabled,select:disabled,textarea:disabled{background-color:var(--surface-sunken);color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.form-label,label{color:var(--text-primary);font-weight:500;margin-bottom:.5rem}.form-text,.help-text{color:var(--text-secondary);font-size:.875rem}.btn{border:1px solid transparent;border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast)}.btn-primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse)}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-sm)}.btn-primary:active{background-color:var(--color-primary-active);transform:translateY(1px)}.btn-secondary{background-color:var(--surface-tertiary);border-color:var(--border-default);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--surface-elevated);border-color:var(--border-muted)}.btn-success{background-color:var(--color-success);color:var(--text-inverse)}.btn-success:hover{background-color:#1c7433;box-shadow:var(--shadow-sm)}.btn-danger{background-color:var(--color-danger);color:var(--text-inverse)}.btn-danger:hover{background-color:#b91c1c;box-shadow:var(--shadow-sm)}.btn-outline-primary{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn-outline-primary:hover{background-color:var(--color-primary);color:var(--text-inverse)}table{background-color:transparent;border-collapse:separate;border-spacing:0}table thead{background-color:var(--surface-tertiary)}table thead th{background-color:var(--surface-tertiary);border-bottom:2px solid var(--border-default);font-weight:600}table tbody td,table thead th{color:var(--text-primary);padding:.75rem 1rem}table tbody td{background-color:var(--surface-secondary);border-bottom:1px solid var(--border-muted)}table tbody tr:hover td{background-color:var(--surface-tertiary)}table tbody tr:last-child td{border-bottom:none}.admin-sidebar,.sidebar{background-color:var(--surface-sunken);border-right:1px solid var(--border-default);color:var(--text-primary)}.admin-sidebar .admin-nav a,.sidebar .nav-link{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast)}.admin-sidebar .admin-nav a:hover,.sidebar .nav-link:hover{background-color:var(--surface-tertiary);color:var(--text-primary)}.admin-sidebar .admin-nav a.active,.sidebar .nav-link.active{background-color:var(--color-primary);color:var(--text-inverse);font-weight:600}.navbar{background-color:var(--surface-secondary);border-bottom:1px solid var(--border-default);box-shadow:var(--shadow-sm)}.navbar .nav-link{color:var(--text-secondary)}.modal-content,.navbar .nav-link:hover{color:var(--text-primary)}.modal-content{background-color:var(--surface-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.modal-header{background-color:var(--surface-tertiary);border-bottom:1px solid var(--border-default);color:var(--text-primary)}.modal-body{background-color:var(--surface-secondary);color:var(--text-primary)}.modal-footer{background-color:var(--surface-tertiary);border-top:1px solid var(--border-default)}.modal-backdrop{background-color:var(--surface-overlay)}.dropdown-menu{background-color:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.dropdown-item{color:var(--text-primary);transition:all var(--transition-fast)}.dropdown-item:hover{background-color:var(--surface-tertiary);color:var(--text-primary)}.dropdown-divider{border-top:1px solid var(--border-muted)}.alert{border:1px solid;border-radius:var(--radius-md)}.alert-success{background-color:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.alert-danger{background-color:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.alert-warning{background-color:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.alert-info{background-color:var(--color-info-bg);border-color:var(--color-info);color:var(--color-info)}.badge{border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;padding:.25rem .5rem}.badge-primary{background-color:var(--color-primary);color:var(--text-inverse)}.badge-success{background-color:var(--color-success);color:var(--text-inverse)}.badge-danger{background-color:var(--color-danger);color:var(--text-inverse)}.badge-warning{background-color:var(--color-warning);color:var(--text-inverse)}.badge-info{background-color:var(--color-info);color:var(--text-inverse)}.chart-card,.chart-container,.graph-container{background-color:var(--surface-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:1.5rem}.chart-title,.graph-title{color:var(--text-primary);font-weight:600;margin-bottom:1rem}.metric-value,.stat-value{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1}.metric-label,.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}code,pre{background-color:var(--surface-sunken);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Monaco,Menlo,Courier New,monospace}pre{overflow-x:auto;padding:1rem}code{font-size:.875em;padding:.125rem .25rem}pre code{background-color:transparent;border:none;padding:0}[data-theme=dark] code,[data-theme=dark] pre{background-color:#010409;border-color:#21262d}.nav-tabs{border-bottom:1px solid var(--border-default)}.nav-tabs .nav-link{border:none;border-bottom:2px solid transparent;color:var(--text-secondary);transition:all var(--transition-fast)}.nav-tabs .nav-link:hover{border-bottom-color:var(--border-default);color:var(--text-primary)}.nav-tabs .nav-link.active{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:600}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:var(--surface-secondary)}::-webkit-scrollbar-thumb{background:var(--border-default);border:2px solid var(--surface-secondary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-muted)}*{scrollbar-color:var(--border-default) var(--surface-secondary);scrollbar-width:thin}.border{border-color:var(--border-default)!important}hr{border-color:var(--border-default);opacity:1}.divider{background-color:var(--border-default);height:1px;margin:1rem 0}*{transition-duration:var(--transition-base);transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}a,button,input,select,textarea{transition-duration:var(--transition-fast)!important}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary);color:var(--text-inverse)}::-moz-selection{background-color:var(--color-primary);color:var(--text-inverse)}.cms-menu-editor,.cms-page-editor,.cms-template-editor{background-color:var(--surface-primary)}.editor-section,.form-section,.sidebar-section{background-color:var(--surface-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:1.5rem}.empty-state,.no-data{background-color:var(--surface-secondary);border:2px dashed var(--border-default);border-radius:var(--radius-lg);color:var(--text-secondary);padding:3rem;text-align:center}.loading,.skeleton{animation:loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--surface-secondary) 0,var(--surface-tertiary) 50%,var(--surface-secondary) 100%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.tooltip,[data-tooltip]{background-color:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:.875rem;padding:.5rem .75rem}@media (max-width:768px){.card,.modal-content,.panel{border-radius:var(--radius-md)}}.admin-page{background-color:var(--surface-primary);min-height:100vh;padding:2rem}.page-header{align-items:center;background-color:transparent;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.page-header h2{color:var(--text-primary);margin:0}.header-actions{align-items:center;display:flex;gap:1rem}.stats-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.chart-container,.location-table-container,.map-container,.sessions-table-container{background-color:var(--surface-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:2rem;overflow:hidden;padding:1.5rem}.chart-container h3,.location-table-container h3,.map-container h3,.sessions-table-container h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 1.5rem}.locations-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.map-container-wrapper{grid-column:1/-1}.data-table{border-collapse:separate;border-spacing:0;display:block;overflow-x:auto;width:100%}.data-table tbody,.data-table thead,.data-table tr{display:table;table-layout:fixed;width:100%}.session-row.active{background-color:rgba(102,126,234,.1)}.session-row.active:hover td{background-color:rgba(102,126,234,.15)}.stat-card{word-wrap:break-word;background-color:var(--surface-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;padding:1.5rem;transition:all var(--transition-base)}.stat-card h3{color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.05em;margin:0 0 .75rem;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.stat-card .stat-value{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:.5rem;word-break:break-word}.stat-card .stat-change,.stat-card .stat-subtext{word-wrap:break-word;color:var(--text-tertiary);font-size:.875rem;hyphens:auto;line-height:1.4;overflow-wrap:break-word}.stat-card:hover{background-color:var(--surface-tertiary);border-color:var(--border-muted);box-shadow:var(--shadow-md);transform:translateY(-2px)}.export-btn,.filter-select{background-color:var(--surface-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all var(--transition-fast)}.export-btn:hover,.filter-select:hover{background-color:var(--surface-elevated);border-color:var(--border-muted)}.loading-spinner{color:var(--text-secondary);font-size:1.125rem;padding:4rem 2rem;text-align:center}.pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;padding:2rem 0}.pagination button{background-color:var(--surface-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;padding:.5rem 1rem;transition:all var(--transition-fast)}.pagination button:hover:not(:disabled){background-color:var(--surface-elevated);border-color:var(--border-muted)}.pagination button:disabled{cursor:not-allowed;opacity:.5}.map-container{height:700px;min-height:700px;position:relative}.map-container #worldMap{background-color:var(--surface-primary);border-radius:var(--radius-md);height:100%;min-height:700px;position:relative;width:100%}.map-container #worldMap svg{display:block;height:100%;width:100%}.map-container.fullscreen{border-radius:0;bottom:0;left:0;margin:0;min-height:100vh;padding:2rem;position:fixed;right:0;top:0;z-index:9999}.map-container.fullscreen #worldMap{border-radius:0;height:calc(100vh - 8rem);min-height:calc(100vh - 8rem)}.fullscreen-toggle{align-items:center;background-color:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;position:absolute;right:1.5rem;top:1.5rem;transition:all var(--transition-fast);z-index:10}.fullscreen-toggle:hover{background-color:var(--surface-tertiary);border-color:var(--border-muted);box-shadow:var(--shadow-md);transform:translateY(-1px)}.map-tooltip{background-color:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--text-primary);display:none;font-size:.875rem;min-width:150px;padding:.75rem;pointer-events:none;position:absolute;z-index:10000}.map-container.fullscreen .map-tooltip{z-index:10001}.chart-container>div[id$=Chart]{align-items:center;display:flex;height:400px;justify-content:center;min-height:400px;position:relative;width:100%}.chart-container>div[id$=Chart] canvas,.chart-container>div[id$=Chart] svg{height:100%!important;max-height:100%;max-width:100%;width:100%!important}#citiesChart,#countriesChart{height:400px;min-height:400px;position:relative;width:100%}#citiesChart svg,#countriesChart svg{height:100%;width:100%}.locations-grid .chart-container{display:flex;flex-direction:column;height:100%;min-height:500px}.locations-grid .chart-container>div[id$=Chart]{flex:1;min-height:0}.btn-sm{padding:.375rem .75rem}.btn-sm,table code{border-radius:var(--radius-sm);font-size:.875rem}table code{background-color:var(--surface-tertiary);border:1px solid var(--border-muted);color:var(--text-primary);padding:.125rem .375rem}@media (max-width:1024px){.locations-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.admin-page{padding:1rem}.stats-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column}.header-actions{flex-direction:column;width:100%}.export-btn,.filter-select{width:100%}.chart-container,.location-table-container,.sessions-table-container{overflow-x:auto;padding:1rem}.data-table{font-size:.875rem}.map-container #worldMap{height:400px}.map-container.fullscreen{padding:1rem}.map-container.fullscreen #worldMap{height:calc(100vh - 6rem)}.fullscreen-toggle{font-size:.75rem;padding:.375rem .5rem}.fullscreen-toggle .fullscreen-text{display:none}}@media print{[data-theme=dark]{--surface-primary:#fff;--text-primary:#000;--border-default:#000}}.sidebar-loading{color:#666;padding:40px 20px;text-align:center}.sidebar-loading i{color:#3498db;font-size:32px;margin-bottom:15px}.sidebar-loading p{font-size:14px;margin:0}.admin-user-info{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.1);margin:0 15px 20px;padding:20px}.admin-user-info .user-avatar{color:#fff;font-size:48px;margin-bottom:10px;text-align:center}.admin-user-info .user-details{text-align:center}.admin-user-info .user-email{color:#fff;font-size:14px;font-weight:500;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-info .user-role{color:hsla(0,0%,100%,.9);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.admin-user-info .badge{background:hsla(0,0%,100%,.2);border-radius:3px;color:#fff;display:inline-block;font-size:10px;margin-left:5px;padding:2px 8px}.admin-user-info .badge-danger{animation:pulse 2s infinite;background:#e74c3c}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.admin-nav .nav-divider{border-top:1px solid hsla(0,0%,100%,.1);margin-top:15px;padding:15px 20px 8px}.admin-nav .nav-divider:first-child{border-top:none;margin-top:0}.admin-nav .nav-divider span{color:hsla(0,0%,100%,.6);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.admin-nav a{align-items:center;border-left:3px solid transparent;color:hsla(0,0%,100%,.8);display:flex;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s ease}.admin-nav a:hover{background:hsla(0,0%,100%,.1);border-left-color:#3498db;color:#fff;transform:translateX(5px)}.admin-nav a.active{background:hsla(0,0%,100%,.15);border-left-color:#2ecc71;color:#fff;font-weight:600}.admin-nav a.active:before{background:#2ecc71;box-shadow:0 0 10px #2ecc71;content:"";height:100%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.admin-nav a i{font-size:16px;margin-right:12px;text-align:center;width:20px}.sidebar-actions{border-top:1px solid hsla(0,0%,100%,.1);margin-top:15px;padding:15px 20px}.btn-refresh{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;padding:10px;transition:all .3s ease;width:100%}.btn-refresh:hover{background:hsla(0,0%,100%,.2);transform:scale(1.02)}.btn-refresh i{font-size:14px}.btn-refresh:active i{animation:spin .5s linear}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-sidebar-footer{border-top:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column;gap:10px;padding:15px}.btn-back-to-site,.btn-logout{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:10px 15px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-back-to-site{background:hsla(0,0%,100%,.1);color:#fff}.btn-back-to-site:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}.btn-logout{background:#e74c3c;color:#fff}.btn-logout:hover{background:#c0392b;transform:translateY(-2px)}@media (max-width:768px){.admin-sidebar{transform:translateX(-100%);transition:transform .3s ease}.admin-sidebar.show{transform:translateX(0)}.mobile-menu-close{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:24px;padding:5px;position:absolute;right:15px;top:15px}}.btn-refresh span{background:hsla(0,0%,100%,.2);border-radius:12px;font-size:11px;font-weight:600;padding:2px 8px}.admin-nav a[title]:hover:after{background:rgba(0,0,0,.9);border-radius:5px;box-shadow:0 4px 15px rgba(0,0,0,.3);color:#fff;content:attr(title);font-size:12px;left:100%;margin-left:10px;padding:8px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1000}.admin-nav a:focus,.btn-back-to-site:focus,.btn-logout:focus,.btn-refresh:focus{outline:2px solid #3498db;outline-offset:2px}.admin-nav::-webkit-scrollbar{width:6px}.admin-nav::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}.admin-nav::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.admin-nav::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.toast{align-items:flex-start;backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12);display:flex;gap:12px;max-width:480px;min-width:320px;overflow:hidden;padding:16px;pointer-events:auto;position:relative}.toast-success{border-left:4px solid #28a745}.toast-error{border-left:4px solid #dc3545}.toast-warning{border-left:4px solid #ffc107}.toast-info{border-left:4px solid #17a2b8}.toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.toast-success .toast-icon{background:rgba(40,167,69,.15);color:#28a745}.toast-error .toast-icon{background:rgba(220,53,69,.15);color:#dc3545}.toast-warning .toast-icon{background:rgba(255,193,7,.15);color:#ffc107}.toast-info .toast-icon{background:rgba(23,162,184,.15);color:#17a2b8}.toast-content{display:flex;flex:1;flex-direction:column;gap:4px;padding-top:4px}.toast-message{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.5}.toast-close{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.toast-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.toast-progress{background:linear-gradient(90deg,rgba(102,126,234,.3),rgba(118,75,162,.3));bottom:0;height:3px;left:0;position:absolute;transform-origin:left;width:100%}.toast-success .toast-progress{background:rgba(40,167,69,.3)}.toast-error .toast-progress{background:rgba(220,53,69,.3)}.toast-warning .toast-progress{background:rgba(255,193,7,.3)}.toast-info .toast-progress{background:rgba(23,162,184,.3)}.toast-entering{opacity:0;transform:translateX(100%) scale(.8)}.toast-visible{animation:toast-slide-in .3s cubic-bezier(.4,0,.2,1);opacity:1;transform:translateX(0) scale(1)}.toast-exiting{opacity:0;transform:translateX(100%) scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width:640px){.toast-container{left:16px;right:16px;top:16px}.toast{min-width:auto;width:100%}}[data-theme=dark] .toast{box-shadow:0 8px 32px rgba(0,0,0,.4)}.toast:not(:first-child){margin-top:0}.toast:hover .toast-progress{animation-play-state:paused}#not-found{margin:0 auto;width:700px}#not-found .not-found-image{float:left;width:25%}#not-found .not-found-title{background:url(img/bg-footer.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;float:right;min-height:400px;width:70%}#not-found .not-found-title h1{color:#1f2128;font-size:30px;margin-bottom:20px;margin-top:155px}#not-found .not-found-title a.gotohomepage{background-color:#de4f4f;color:#fff;display:block;font-size:14px;height:40px;line-height:40px;text-align:center;text-decoration:none;text-transform:uppercase;width:180px}