.login-container{align-items:center;background:linear-gradient(135deg,#0080e0,#005faf);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#333;font-size:32px;font-weight:700;margin:0 0 10px}.login-header p{color:#666;font-size:16px;margin:0}.login-form{margin-top:30px}.form-group input{box-sizing:border-box}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-button{background:#0080e0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){background:#0066c2;box-shadow:0 8px 20px #0080e066;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-logo{display:block;height:120px;margin:0 auto 20px;width:120px}.password-group{position:relative}.password-input-wrapper{width:100%}.password-input-wrapper input{padding-right:50px}.password-toggle{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .3s ease}.password-toggle:hover{color:#0080e0}.password-toggle:focus{color:#0080e0;outline:none}.users-management{background:#0000;border:none;border-radius:0;box-shadow:none;min-height:100vh;overflow:visible;padding:32px;position:relative}.section-header{background:linear-gradient(135deg,#1e293b,#334155);border-radius:16px;box-shadow:0 4px 16px #1e293b26;gap:24px;margin-bottom:32px;padding:24px 32px}.section-header h2{color:#fff;letter-spacing:-.3px}.section-icon{color:#60a5fa;font-size:28px}.header-actions button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;color:#fff;transition:all .3s ease}.header-actions button:hover{background:#ffffff40;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.search-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;gap:12px;padding:8px}.search-select{background:#fffffff2;border:1px solid #fff3;color:#1e293b;font-weight:500;padding:10px 16px;transition:all .2s ease}.search-select:focus{background:#fff;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.search-box input{background:#fffffff2;border:1px solid #fff3;color:#1e293b;padding:10px 16px;transition:all .2s ease}.search-box input::placeholder{color:#64748b}.search-box input:focus{background:#fff;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.filter-buttons{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;gap:8px;padding:8px}.filter-buttons button{background:#fffffff2;border:1px solid #fff3;border-radius:10px;color:#475569;font-size:13px;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-buttons button:before{background:#3b82f61a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s;width:0}.filter-buttons button:hover:before{height:200px;width:200px}.filter-buttons button.active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.filter-buttons button:hover:not(.active){background:#fff;border-color:#3b82f666;box-shadow:0 2px 8px #3b82f626;color:#1e40af;transform:translateY(-1px)}.users-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d,0 4px 12px #0000000d;margin-bottom:24px;overflow-x:auto}.users-table{background:#fff;border-collapse:initial;border-radius:16px;border-spacing:0;overflow:hidden;width:100%}.users-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.users-table td,.users-table th{border-bottom:1px solid #f1f5f9;padding:18px 20px;text-align:left}.users-table th{color:#475569;font-size:12px;font-weight:700;letter-spacing:.8px;position:relative;text-transform:uppercase;white-space:nowrap}.users-table th:not(:last-child):after{background:#e2e8f0;content:"";height:50%;position:absolute;right:0;top:25%;width:1px}.users-table tbody tr{background:#fff;border-left:3px solid #0000;transition:all .2s cubic-bezier(.4,0,.2,1)}.users-table tbody tr:hover{background:linear-gradient(90deg,#f8fafc,#fff);border-left-color:#3b82f6;box-shadow:-2px 0 0 #3b82f6}.users-table tbody tr:last-child td{border-bottom:none}.users-table td{color:#334155;font-size:14px;vertical-align:middle}.status-badge{box-shadow:0 1px 2px #0000001a;gap:6px;transition:all .2s ease}.status-badge:before{border-radius:50%;box-shadow:0 0 4px currentColor;content:"";display:inline-block;height:6px;width:6px}.status-badge.approved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b9814d;color:#065f46}.status-badge.approved:before{background:#10b981}.status-badge.suspended{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef44444d;color:#991b1b}.status-badge.suspended:before{background:#ef4444}.status-badge.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b4d}.status-badge.pending:before{background:#f59e0b}.action-buttons{flex-wrap:wrap}.btn-activate,.btn-delete,.btn-manage-regions,.btn-reset-password,.btn-suspend,.btn-view-details,.btn-view-logs{align-items:center;border:none;border-radius:8px;box-shadow:0 1px 2px #0000001a;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-suspend{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-suspend:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.btn-activate{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-activate:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.btn-delete{background:linear-gradient(135deg,#64748b,#475569)}.btn-delete:hover{background:linear-gradient(135deg,#475569,#334155);box-shadow:0 4px 8px #64748b4d;transform:translateY(-1px)}.btn-manage-regions,.btn-reset-password,.btn-view-details,.btn-view-logs{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-manage-regions:hover,.btn-reset-password:hover,.btn-view-details:hover,.btn-view-logs:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.summary{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #0000000d;color:#475569;display:flex;font-weight:500;gap:8px;margin-top:24px;padding:20px 24px}.summary:before{content:"📊";font-size:18px}.regions-display-table{margin:0}.regions-list-table{display:flex;flex-wrap:wrap;gap:4px}.region-tag-table{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f633;border-radius:12px;box-shadow:0 1px 2px #0000000d;color:#1e40af;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;transition:all .2s ease}.region-tag-table:hover{box-shadow:0 2px 4px #3b82f633;transform:translateY(-1px)}.no-regions-table{color:#999;font-size:12px;font-style:italic}.technician-details{display:flex;flex-direction:column;gap:24px}.details-section{background:#f8f9fa;border-radius:6px;padding:16px}.details-section h4{align-items:center;color:#333;display:flex;font-size:16px;gap:8px;margin:0 0 12px}.no-data-text{color:#999;font-size:14px;font-style:italic;margin:0}.admin-requests-list{display:flex;flex-direction:column;gap:12px}.admin-request-item{background:#fff;border:1px solid #dee2e6;border-radius:4px;padding:12px}.user-details-container{display:flex;flex-direction:column;gap:20px}.details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:12px}.detail-item{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:8px}.detail-item strong{margin-right:8px}.projects-management{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #0080e01a;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:32px;position:relative}.projects-management:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0080e0,#0066c2,#0080e0);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.section-header h2{color:#1e293b;font-size:28px;gap:12px}.bulk-actions-bar{animation:slideDown .3s ease;background:#fff3cd;border:2px solid #ffc107;border-radius:8px;margin-bottom:20px;padding:15px 20px}.bulk-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.selected-count{color:#856404;font-size:14px;font-weight:600}.btn-bulk-delete{align-items:center;background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-bulk-delete:hover:not(:disabled){background:#c82333;box-shadow:0 4px 12px #dc354566;transform:translateY(-2px)}.btn-bulk-delete:disabled{cursor:not-allowed;opacity:.6}.btn-clear-selection{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-clear-selection:hover:not(:disabled){background:#5a6268}.btn-clear-selection:disabled{cursor:not-allowed;opacity:.6}.search-box input{min-width:280px}.filter-buttons{justify-content:flex-end}.filter-buttons button.active{border-color:#0000}.filter-buttons button:hover:not(.active){background:#f5f7fa}.projects-table{border-collapse:collapse;width:100%}.projects-table thead{background:#f5f7fa}.projects-table td,.projects-table th{border-bottom:1px solid #e0e0e0;padding:15px;text-align:left}.projects-table th{color:#333;font-weight:600}.projects-table tbody tr:hover{background:#f9f9f9}.projects-table tbody tr.selected{background:#e3f2fd;border-left:3px solid #0080e0}.projects-table tbody tr.selected:hover{background:#bbdefb}.projects-table td:first-child,.projects-table th:first-child{text-align:center;width:40px}.projects-table td:first-child input[type=checkbox],.projects-table th:first-child input[type=checkbox]{accent-color:#0080e0;cursor:pointer;height:18px;width:18px}.status-badge.open{background:#d1ecf1;color:#0c5460}.status-badge.closed-by-time{background:#f8d7da;color:#721c24}.status-badge.closed-by-approval{background:#d4edda;color:#155724}.btn-status{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.btn-status:hover:not(:disabled){background:#218838;box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.btn-status:disabled{cursor:not-allowed;opacity:.6;transform:none}.summary{border-top:1px solid #e0e0e0;color:#666;margin-top:20px;padding-top:20px}.bids-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-content{max-height:80vh}.modal-body p{color:#666;margin:10px 0}.bids-list{margin-top:20px}.bid-item{align-items:center;background:#f5f7fa;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:15px;padding:15px}.bid-info strong{color:#333;display:block;margin-bottom:5px}.bid-info p{color:#666;font-size:14px;margin:5px 0}.project-info{background:#f5f7fa;margin-bottom:20px;padding:15px}.project-info p{color:#333;margin:8px 0}.view-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin-bottom:20px}.tab-button{background:none;color:#666;margin-bottom:-2px;padding:12px 24px;transition:all .3s ease}.tab-button:hover{color:#0080e0}.tab-button.active{border-bottom-color:#0080e0}.phases-list{margin-top:20px}.phase-item{background:#f5f7fa;border-left:4px solid #0080e0;border-radius:8px;margin-bottom:15px;padding:20px}.phase-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.phase-header strong{color:#333;font-size:18px}.phase-badges{display:flex;flex-wrap:wrap;gap:8px}.status-badge.paid{background:#cce5ff;color:#004085}.phase-details{margin-top:10px}.phase-details p{margin:8px 0}.phase-stats{flex-wrap:wrap;margin-top:10px}.phase-stats span{color:#0080e0;font-size:14px;font-weight:600}.no-data{font-style:italic}.action-buttons{align-items:center}.bid-actions{gap:12px}.bid-actions,.btn-delete-small{align-items:center;display:flex}.btn-delete-small{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;justify-content:center;padding:6px 10px;transition:all .3s ease}.btn-delete-small:hover{background:#c82333}.delete-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.delete-modal-content{animation:slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%}.delete-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 30px}.delete-modal-header h3{color:#dc3545;font-size:20px;margin:0}.delete-modal-body p strong{color:#333}.reason-input textarea{border:2px solid #e0e0e0;border-radius:6px;transition:border-color .3s ease}.btn-cancel{background:#f5f5f5;padding:10px 24px}.btn-cancel:hover:not(:disabled){background:#e0e0e0}.btn-confirm-delete{border-radius:6px;padding:10px 24px}.dependencies-warning{background:#fff3cd;border-left:4px solid #ffc107;border-radius:6px;margin:20px 0;padding:15px}.dependencies-warning h4{color:#856404;margin:0 0 10px}.dependencies-list{list-style:none;margin:10px 0;padding:0}.dependencies-list li{color:#856404;padding:5px 0}.dependencies-list li.no-deps{color:#155724}.warning-text{background:#f8d7da;border-radius:4px;color:#721c24;font-size:14px;margin-top:15px;padding:10px}.reviews-warning-highlight{animation:pulse-warning 2s ease-in-out infinite;background:linear-gradient(135deg,#fff3cd,#ffe69c);border:2px solid #ffc107;border-left:6px solid #ff9800;border-radius:8px;box-shadow:0 4px 12px #ff980033;margin:20px 0;padding:20px}@keyframes pulse-warning{0%,to{box-shadow:0 4px 12px #ff980033}50%{box-shadow:0 4px 20px #ff980066}}.reviews-warning-highlight h4{align-items:center;color:#e65100;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 12px}.reviews-warning-text{background:#ffffffb3;border-radius:6px;color:#e65100;font-size:16px;font-weight:600;line-height:1.6;margin:10px 0;padding:12px}.reviews-warning-text strong{color:#d84315;font-size:18px}.reviews-warning-note{background:#ffc1074d;border-radius:6px;color:#856404;font-size:14px;font-style:italic;margin:10px 0 0;padding:10px}.review-item-highlight{background:#fff3cd!important;border-left:4px solid #ff9800!important;border-radius:4px!important;color:#e65100!important;font-weight:600!important;margin:5px 0!important;padding:8px 12px!important}.reviews-emphasis{color:#d84315;font-size:15px;font-weight:700}.contract-pdf-link{align-items:center;border:1px solid #0080e0;border-radius:6px;color:#0080e0;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:6px 12px;text-decoration:none;transition:all .3s ease}.contract-pdf-link:hover{background:#0080e0;box-shadow:0 4px 12px #0080e04d;color:#fff;transform:translateY(-2px)}.regions-management{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:30px}.regions-table-container{overflow-x:auto}.regions-table{border-collapse:collapse;width:100%}.regions-table thead{background:#f5f7fa}.regions-table td,.regions-table th{border-bottom:1px solid #e0e0e0;padding:15px;text-align:left}.regions-table th{color:#333;font-weight:600}.regions-table tbody tr:hover{background:#f9f9f9}.actions-cell{align-items:center;gap:10px}.btn-delete,.btn-edit{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-edit{background:#17a2b8}.btn-edit:hover{background:#138496}.modal-content{max-width:500px}.form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#0080e0;box-shadow:0 0 0 3px #0080e01a;outline:none}.form-error{background:#dc35451f;border-radius:8px;color:#dc3545;font-size:14px;margin-bottom:20px;margin-top:-10px;padding:10px 14px}.modal-actions button[disabled]{cursor:not-allowed;opacity:.7}.services-management{margin:0 auto;max-width:1400px;padding:20px}.section-header{gap:15px}.view-toggle{padding:3px}.view-toggle button{align-items:center;display:flex;gap:6px}.view-toggle button.active{box-shadow:0 2px 4px #0000001a;color:#0080e0}.search-box input{padding:10px 15px;width:280px}.btn-add{background:#28a745;border-radius:6px;font-weight:500;padding:10px 20px;transition:background .3s}.btn-add:hover{background:#218838}.services-info-banner{align-items:flex-start;background:#e7f3ff;border:1px solid #b3d7ff;border-radius:8px;color:#004085;display:flex;gap:15px;margin-bottom:25px;padding:15px 20px}.services-info-banner strong{display:block;margin-bottom:5px}.services-info-banner small{opacity:.9}.services-hierarchy{display:flex;flex-direction:column;gap:15px}.category-card{border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px #00000014;overflow:hidden}.category-header{background:#f8f9fa;gap:15px;padding:20px}.expand-btn{background:none;color:#666;padding:5px;transition:color .2s}.expand-btn:hover{color:#0080e0}.category-image{border-radius:8px;height:60px;object-fit:cover;width:60px}.category-info{flex:1 1}.category-info h3{color:#333;font-size:18px;margin:0 0 5px}.category-info .name-ar{color:#666;font-size:14px;margin:0 0 5px}.category-info .description{color:#888;font-size:13px;margin:0}.category-actions{align-items:center;gap:10px}.badge{font-size:11px;padding:4px 10px}.badge-category{background:#0080e0;color:#fff}.badge-subcategory{background:#6c757d;color:#fff}.btn-icon{border-radius:6px;height:32px;width:32px}.btn-add-sub{background:#28a745;color:#fff}.btn-add-sub:hover{background:#218838}.btn-edit{background:#ffc107;color:#212529}.btn-edit:hover{background:#e0a800}.subcategories-list{background:#fff;padding:0 20px 20px}.subcategory-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:15px;padding:15px}.subcategory-item:last-child{border-bottom:none}.subcategory-image{border-radius:6px;height:45px;object-fit:cover;width:45px}.subcategory-info{flex:1 1}.subcategory-info h4{color:#333;font-size:15px;margin:0 0 3px}.subcategory-info .name-ar{color:#666;font-size:13px;margin:0 0 3px}.subcategory-info .description{color:#888;font-size:12px;margin:0}.subcategory-meta{align-items:center;display:flex;gap:10px}.order-badge{background:#e9ecef;border-radius:10px;color:#495057;font-size:11px;padding:2px 8px}.subcategory-actions{display:flex;gap:5px}.subcategory-actions .btn-icon{height:28px;width:28px}.no-subcategories{color:#888;padding:30px;text-align:center}.no-subcategories button{background:none;border:none;color:#0080e0;cursor:pointer;margin-left:5px;text-decoration:underline}.loading-subcategories{color:#888;padding:20px;text-align:center}.services-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;overflow:hidden}.services-table{border-collapse:collapse;width:100%}.services-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:15px;text-align:left}.services-table td{border-bottom:1px solid #f0f0f0;padding:12px 15px}.category-row{background:#f8f9fa}.category-row td{font-weight:500}.subcategory-row{background:#fff}.subcategory-row td{color:#666}.service-image-small{border-radius:4px;height:40px;object-fit:cover;width:40px}.action-buttons button{font-weight:500;transition:all .2s}.modal-content{border-radius:10px}.modal-form{padding:20px}.form-row{grid-template-columns:1fr 2fr}.btn-primary{border-radius:6px;font-weight:500;padding:10px 20px}.btn-secondary{border:none;border-radius:6px}@media (max-width:768px){.section-header{align-items:flex-start;flex-direction:column}.header-actions,.search-box input{width:100%}.category-header{flex-wrap:wrap}.category-actions{justify-content:flex-end;margin-top:10px;width:100%}.subcategory-item{flex-wrap:wrap}.subcategory-info{margin-top:10px;width:100%}.form-row{grid-template-columns:1fr}}.notification-panel{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.notification-panel-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.notification-panel-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.clear-all-btn{background:none;border:none;border-radius:4px;color:#0080e0;cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:background .2s}.clear-all-btn:hover{background:#0080e01a}.notification-list{max-height:calc(100vh - 180px);overflow-y:auto}.no-notifications{color:#999;padding:40px 20px;text-align:center}.no-notifications-icon{font-size:48px;margin-bottom:12px;opacity:.3}.no-notifications p{font-size:14px;margin:0}.notification-item{align-items:center;animation:slideIn .3s ease-out;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 20px;transition:background .2s}.notification-item:hover{background:#f8f9fa}.notification-item:last-child{border-bottom:none}.notification-content{align-items:flex-start;display:flex;flex:1 1;gap:12px}.notification-icon{font-size:20px;margin-top:2px}.notification-icon.user{color:#0080e0}.notification-icon.technician{color:#00a86b}.notification-icon.project{color:#ff6b00}.notification-icon.bid{color:#9c27b0}.notification-icon.accepted{color:#4caf50}.notification-icon.status{color:#ff9800}.notification-icon.verified{color:#4caf50}.notification-icon.default{color:#757575}.notification-details{flex:1 1}.notification-message{color:#333;font-size:14px;line-height:1.4;margin:0 0 4px}.notification-time{color:#999;font-size:11px}.dismiss-btn{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.dismiss-btn:hover{background:#f0f0f0;color:#333}.notification-badge-container{cursor:pointer;position:relative;transition:all .3s ease}.notification-bell{color:#0080e0;font-size:32px;transition:all .3s ease}.notification-badge-container:hover .notification-bell{transform:scale(1.1)}.notification-badge-container.has-notifications .notification-bell{animation:ring 1.5s infinite;color:#ff6b00}.notification-badge-container.has-notifications:hover .notification-bell{animation:none;transform:scale(1.1)}@keyframes ring{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-12deg)}20%,40%{transform:rotate(12deg)}50%{transform:rotate(0deg)}}.notification-count{align-items:center;animation:pulse 1.5s infinite,bounce .5s ease;background:#f44;border-radius:50%;box-shadow:0 2px 8px #ff444480;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}@keyframes bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.notification-panel-wrapper{max-height:calc(100vh - 150px);position:absolute;right:0;top:calc(100% + 15px);width:380px;z-index:1200}.panel-overlay{animation:fadeIn .2s;background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}@media (max-width:768px){.notification-panel-wrapper{left:20px;max-height:calc(100vh - 120px);position:fixed;right:20px;top:100px;width:calc(100% - 40px)}}.notification-sender{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px}.notification-sender-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.notification-sender-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#0080e0;height:40px;margin-bottom:16px;width:40px}.notification-header{border-bottom:2px solid #e0e0e0;margin-bottom:24px;padding-bottom:16px}.notification-header h2{align-items:center;color:#333;display:flex;font-size:24px;gap:12px;margin:0 0 8px}.notification-header .section-icon{color:#0080e0;font-size:24px}.notification-header p{color:#666;font-size:14px;margin:0}.notification-form{max-width:800px}.form-section{margin-bottom:24px}.section-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.targeting-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.targeting-option{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:16px;transition:all .3s ease}.targeting-option:hover{background:#f0f8ff;border-color:#0080e0;color:#0080e0}.targeting-option.active{background:#0080e0;border-color:#0080e0;color:#fff}.targeting-option .option-icon{color:#666;font-size:18px;transition:color .3s ease}.targeting-option:hover .option-icon{color:#0080e0}.targeting-option.active .option-icon{color:#fff}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;padding:12px}.success-message{background:#efe;border:1px solid #cfc;border-radius:8px;color:#3c3;font-size:14px;margin-bottom:20px;padding:12px}.send-button{background:#0080e0;border-radius:8px;font-size:16px;font-weight:600;margin-top:24px;padding:14px;transition:all .3s ease;width:100%}.send-button:hover:not(:disabled){background:#0066c2;box-shadow:0 4px 12px #0080e04d;transform:translateY(-2px)}.send-button svg{font-size:18px}.toggle-label{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:flex;font-weight:500;gap:10px;padding:12px 16px;transition:all .3s ease}.toggle-label:hover{background:#e9ecef;border-color:#0080e0}.toggle-label input[type=checkbox]{accent-color:#0080e0;cursor:pointer;height:20px;width:20px}.toggle-label span{font-size:14px;-webkit-user-select:none;user-select:none}.form-group label[for=bodyAr],.form-group label[for=titleAr]{position:relative}.form-group label[for=bodyAr]:after,.form-group label[for=titleAr]:after{content:" 🇸🇦";margin-left:4px}.form-group label[for=bodyEn]:after,.form-group label[for=titleEn]:after{content:" 🇬🇧";margin-left:4px}@media (max-width:768px){.targeting-options{grid-template-columns:1fr}.notification-sender{padding:16px}}.online-users{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px}.online-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.online-header h2{align-items:center;color:#000;display:flex;font-size:24px;gap:12px;margin:0}.online-header .section-icon{color:#0080e0;font-size:24px}.search-box input,.search-select{border-radius:8px;padding:8px 12px}.refresh-button{padding:8px 16px}.refresh-button:hover:not(:disabled){background:#0066c2}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.refresh-button .spinning{animation:spin 1s linear infinite}.view-toggle{padding:2px}.view-toggle button{padding:6px 16px}.online-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{color:#000}.stat-card *{color:inherit}.stat-card .stat-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.stat-card .stat-icon *{color:#fff!important}.stat-card .stat-icon.online{background:#28a745}.stat-card .stat-icon.total{background:#0080e0}.stat-card .stat-icon:not(.online):not(.total){background:#6c757d}.stat-info{color:#000}.stat-info h3{color:#000!important;font-size:24px}.stat-info p{color:#212121!important}.loading-state{color:#212121}.loading-state .spinner{border:4px solid #f3f3f3;margin-bottom:16px}.users-list{gap:12px}.user-item{align-items:center;background:#fff;border-left:4px solid #6c757d;border-radius:8px;color:#000;display:flex;gap:16px;padding:16px;transition:all .3s ease}.user-item *{color:inherit}.user-item.online{background:#fff;border-left-color:#28a745}.user-item.mqtt-detected{animation:mqttPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#e7f3ff,#fff 20%)!important;border-left-color:#0080e0!important;box-shadow:0 4px 12px #0080e026}@keyframes mqttPulse{0%,to{box-shadow:0 4px 12px #0080e026}50%{box-shadow:0 6px 16px #0080e040}}.mqtt-badge{animation:badgeFadeIn .3s ease-in;background:#0080e0;border-radius:12px;color:#fff!important;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:3px 8px;vertical-align:middle}@keyframes badgeFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.user-item:hover{background:#e9ecef;transform:translateX(4px)}.user-avatar{height:50px;overflow:hidden;position:relative;width:50px}.user-avatar img{height:100%;object-fit:cover;width:100%}.online-indicator{background:#28a745;border:2px solid #fff;border-radius:50%;bottom:2px;height:14px;position:absolute;right:2px;width:14px}.user-info{color:#000}.user-info *{color:inherit}.user-info h4{color:#000;font-size:16px;font-weight:600;margin:0 0 4px}.user-info p{color:#212121;font-size:14px;margin:0 0 4px}.user-role{background:#e9ecef;border-radius:4px;color:#495057;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px;text-transform:uppercase}.last-seen{text-align:right}.last-seen p{color:#212121;font-size:13px;margin:0}.status-online{color:#28a745;font-weight:600}.status-offline{color:#6c757d}.empty-state{color:#212121}@media (max-width:768px){.online-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{justify-content:space-between;width:100%}.online-stats{grid-template-columns:1fr}.user-item{flex-wrap:wrap}.last-seen{margin-top:8px;text-align:left;width:100%}}.mqtt-status-bar{align-items:center;background:linear-gradient(135deg,#e7f3ff,#f0f8ff);border:1px solid #0080e0;border-radius:8px;box-shadow:0 2px 8px #0080e01a;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.status-indicator{align-items:center;color:#0080e0;display:flex;font-size:14px;font-weight:600;gap:10px}.status-dot{background:#28a745;display:inline-block}.status-dot.pulsing{animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.status-info{color:#666;font-size:13px;font-style:italic}.mqtt-logs-section{background:#f8f9fa;border:2px solid #0080e0;border-radius:12px;box-shadow:0 4px 12px #0080e01a;margin-bottom:24px;padding:16px}.mqtt-logs-header{align-items:center;border-bottom:2px solid #0080e0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.mqtt-header-left{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.mqtt-logs-header h3{color:#0080e0;font-size:18px;font-weight:600;margin:0}.mqtt-connection-status{align-items:center;border-radius:16px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:4px 12px}.mqtt-connection-status.connected{background:#d4edda;border:1px solid #28a745;color:#155724}.mqtt-connection-status.disconnected{background:#f8d7da;border:1px solid #dc3545;color:#721c24}.mqtt-message-count{background:#e7f3ff;border:1px solid #0080e0;border-radius:16px;color:#0080e0;font-size:13px;font-weight:600;padding:4px 12px}.toggle-logs-button{background:#0080e0;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all .3s ease}.toggle-logs-button:hover{background:#0066b3;box-shadow:0 2px 8px #0080e04d;transform:translateY(-1px)}.mqtt-logs-container{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.mqtt-empty-state{background:#fff;border:2px dashed #dee2e6;border-radius:8px;padding:40px 20px;text-align:center}.mqtt-empty-state p{color:#6c757d;font-size:16px;margin:8px 0}.mqtt-hint{color:#adb5bd!important;font-size:14px!important;font-style:italic}.mqtt-log-item{background:#fff;border-left:4px solid #6c757d;border-radius:8px;padding:12px;transition:all .2s ease}.mqtt-log-item:hover{box-shadow:0 4px 12px #00000014;transform:translateX(4px)}.mqtt-log-item.online{background:#f8fff9;border-left-color:#28a745}.mqtt-log-item.offline{background:#fff8f8;border-left-color:#dc3545}.log-header{border-bottom:1px solid #e9ecef;gap:12px;margin-bottom:8px;padding-bottom:8px}.log-number{background:#0080e0;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.log-time{color:#6c757d;font-family:monospace}.log-status{border-radius:12px;font-size:12px;font-weight:600;margin-left:auto;padding:4px 12px}.log-status.status-online{background:#d4edda;color:#155724}.log-status.status-offline{background:#f8d7da;color:#721c24}.log-details{display:flex;flex-direction:column;gap:6px}.log-row{display:flex;font-size:13px;gap:8px}.log-label{color:#495057;font-weight:600;min-width:80px}.log-value{color:#212529;font-family:monospace;word-break:break-all}.log-payload{background:#f1f3f5;border:1px solid #dee2e6;border-radius:4px;color:#212529;font-family:Courier New,monospace;font-size:12px;margin:0;overflow-x:auto;padding:8px}.mqtt-logs-container::-webkit-scrollbar{width:8px}.mqtt-logs-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.mqtt-logs-container::-webkit-scrollbar-thumb{background:#0080e0;border-radius:4px}.mqtt-logs-container::-webkit-scrollbar-thumb:hover{background:#0066b3}.appointments-management{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:30px}.filter-select select{background:#fff;border:1px solid #d0d5dd;border-radius:10px;cursor:pointer;font-size:14px;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease}.filter-select select:focus{border-color:#0080e0;box-shadow:0 0 0 2px #0080e026;outline:none}.appointment-count{align-items:center;background:#0080e0;border-radius:25px;color:#fff;display:flex;font-weight:600;gap:10px;padding:10px 20px;white-space:nowrap}.count-badge{background:#fff;border-radius:15px;color:#0080e0;font-size:18px;padding:5px 12px}.appointments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.appointment-card{background:#f5f7fa;border-left:4px solid #0080e0;border-radius:12px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.appointment-card:hover{box-shadow:0 4px 12px #0080e033;transform:translateY(-2px)}.appointment-header{border-bottom:2px solid #e0e0e0;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.appointment-header,.date-info{align-items:flex-start;display:flex}.date-info{gap:12px}.date-icon{color:#0080e0;font-size:24px;margin-top:4px}.date-info strong{color:#333;display:block;font-size:16px;margin-bottom:5px}.time-range{align-items:center;color:#666;display:flex;font-size:14px;gap:6px}.status-badge.confirmed{background:#d4edda;color:#155724}.status-badge.completed{background:#cce5ff;color:#004085}.status-badge.cancelled{background:#f8d7da;color:#721c24}.appointment-body{display:flex;flex-direction:column;gap:15px}.participants{align-items:center;display:flex;gap:15px}.participant{gap:12px}.participant-avatar{border:2px solid #0080e0;border-radius:50%;height:50px;overflow:hidden;width:50px}.participant-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:#0080e0;color:#fff;display:flex;font-size:20px;font-weight:600;height:100%;justify-content:center;width:100%}.participant-info{align-items:flex-start;display:flex;flex:1 1;gap:8px}.participant-info svg{color:#0080e0;margin-top:2px}.participant-info strong{color:#666;display:block;font-size:12px;margin-bottom:4px;text-transform:uppercase}.participant-info p{color:#333;font-size:14px;font-weight:600;margin:0}.participant-info .phone{color:#666;font-size:12px}.arrow{color:#0080e0;font-size:24px;font-weight:700}.project-info{align-items:flex-start;background:#fff;border-radius:8px;display:flex;gap:10px;padding:12px}.project-info svg{color:#0080e0;margin-top:2px}.project-info strong{color:#333}.project-budget{color:#0080e0;font-size:14px;font-weight:600}.address-info{align-items:center;background:#fff;border-radius:6px;color:#666;display:flex;font-size:14px;gap:8px;padding:10px}.address-info svg{color:#0080e0}.reminder-status{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-top:10px;padding:15px}.reminder-item{align-items:flex-start;background:#f8f9fa;border-radius:6px;display:flex;gap:12px;padding:10px}.reminder-item svg{flex-shrink:0;font-size:20px;margin-top:2px}.reminder-item .reminder-sent{color:#28a745}.reminder-item .reminder-pending{color:#ffc107}.reminder-item strong{color:#333;display:block;font-size:14px;margin-bottom:4px}.reminder-item p{color:#666;font-size:12px;margin:0}@media (max-width:768px){.appointments-grid{grid-template-columns:1fr}.participants{align-items:stretch;flex-direction:column}.arrow{text-align:center;transform:rotate(90deg)}}.map-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.map-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.map-header h3{color:#333;font-size:18px;margin:0}.map-legend{display:flex;gap:20px}.legend-item{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.legend-dot{border-radius:50%;height:12px;width:12px}.legend-dot.regions{background:#4caf50}.legend-dot.projects{background:#f44}.legend-dot.technicians{background:#0080e0}.map-loading{align-items:center;background:#f5f7fa;border-radius:8px;display:flex;height:600px;justify-content:center}.info-window{min-width:200px;padding:8px}.info-window h4{color:#0080e0;font-size:16px;margin:0 0 10px}.info-window p{color:#333;font-size:13px;margin:4px 0}.info-window strong{color:#666}.map-stats{background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;gap:30px;padding:15px 20px}.stat-item{flex-direction:column;gap:4px}.stat-label{color:#999}.stat-value{color:#0080e0;font-size:20px}@media (max-width:768px){.map-header{align-items:flex-start}.map-header,.map-stats{flex-direction:column;gap:15px}}.financial-dashboard{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:30px}.commission-input-wrapper{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;display:flex;gap:8px;padding:8px 12px;transition:all .3s ease}.commission-input-wrapper:hover{border-color:#0080e0}.commission-input-wrapper label{color:#333;font-size:14px;font-weight:600;white-space:nowrap}.commission-input{border:1px solid #ddd;border-radius:6px;color:#0080e0;font-size:14px;font-weight:600;padding:6px 10px;text-align:center;transition:all .3s ease;width:80px}.commission-input:focus{border-color:#0080e0;box-shadow:0 0 0 3px #0080e01a;outline:none}.stat-profit{font-weight:700}.view-toggle button{padding:10px 20px}.financial-summary{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.stat-card{align-items:flex-start;box-sizing:border-box;padding:32px 28px}.stat-card.revenue{background:linear-gradient(135deg,#0080e0,#004a9f);box-shadow:0 8px 25px #0080e040}.stat-card.pending{background:linear-gradient(135deg,#0066c2,#0052a3);box-shadow:0 8px 25px #0066c240}.stat-card.projects{background:linear-gradient(135deg,#004a9f,#003d7a);box-shadow:0 8px 25px #004a9f40}.stat-card.outstanding{background:linear-gradient(135deg,#036,#024);box-shadow:0 8px 25px #00336640}.stat-card-extra{font-size:12px;font-weight:600;opacity:.92;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-card-subtitle{opacity:.85}.chart-section{margin-bottom:36px;padding:32px}.chart-section h3{margin:0 0 24px}.projects-financial-view{margin-top:20px}.projects-summary{background:#f5f7fa;border-radius:8px;color:#666;font-size:14px;margin-bottom:20px;padding:15px 20px}.projects-summary strong{color:#333;margin-right:5px}.projects-table-container{overflow-x:auto}.projects-financial-table{background:#fff;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 2px 12px #0000000f;font-size:14px;overflow:hidden;width:100%}.projects-financial-table thead{background:linear-gradient(135deg,#0080e0,#0066c2);color:#fff}.projects-financial-table th{font-size:12px;font-weight:700;letter-spacing:.5px;padding:18px 15px;text-align:left;text-transform:uppercase}.projects-financial-table td{border-bottom:1px solid #f0f0f0;padding:16px 15px;transition:background .2s ease}.projects-financial-table tbody tr{transition:all .2s ease}.projects-financial-table tbody tr:hover{background:#f8f9fa;box-shadow:0 2px 8px #0080e01a;transform:scale(1.01)}.description-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amount-cell{color:#333;font-weight:600}.outstanding{color:#036;font-weight:600}.paid{color:#0080e0;font-weight:600}.status-badge{padding:4px 10px}.status-badge.pending{background:#e3f2fd;color:#0052a3}.status-badge.in-progress{background:#bbdefb;color:#0066c2}.status-badge.completed{background:#90caf9;color:#004a9f}.completion-bar{background:#e0e0e0;border-radius:12px;height:24px;overflow:hidden;position:relative;width:100%}.completion-fill{background:linear-gradient(90deg,#0080e0,#0066c2);height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.completion-text{align-items:center;color:#333;display:flex;font-size:11px;font-weight:600;height:100%;justify-content:center;position:relative;z-index:1}.subscription-management{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:30px}.search-controls{align-items:center;display:flex;gap:10px}.search-select{background:#fff;border:1px solid #d0d5dd;border-radius:10px;cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease}.search-select:focus{border-color:#0080e0;box-shadow:0 0 0 2px #0080e026;outline:none}.plan-filter select{background:#fff;border:1px solid #d0d5dd;border-radius:10px;cursor:pointer;font-size:14px;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease}.plan-filter select:focus{border-color:#0080e0;box-shadow:0 0 0 2px #0080e026;outline:none}.view-toggle{border:2px solid #e0e0e0;gap:0;margin-bottom:30px;overflow:hidden}.view-toggle button{background:#fff;flex:1 1;font-weight:600;padding:12px 24px;transition:all .3s ease}.view-toggle button.active{background:#0080e0;color:#fff}.view-toggle button:hover:not(.active){background:#f5f5f5}.subscription-summary{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.stat-card{background:linear-gradient(135deg,#0080e0,#0066c2);box-shadow:0 8px 25px #0080e040;color:#fff;justify-content:space-between;padding:28px 26px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card *{color:#fff!important}.stat-card:before{background:linear-gradient(135deg,#ffffff1a,#0000);bottom:0;pointer-events:none}.stat-card:hover{box-shadow:0 12px 35px #0080e059;transform:translateY(-6px) scale(1.01)}.stat-card.active{background:linear-gradient(135deg,#0080e0,#004a9f);box-shadow:0 8px 25px #0080e040}.stat-card.revenue{background:linear-gradient(135deg,#004a9f,#003d7a);box-shadow:0 8px 25px #004a9f40}.stat-card.expiring{background:linear-gradient(135deg,#0066c2,#0052a3);box-shadow:0 8px 25px #0066c240}.stat-card.cancelled{background:linear-gradient(135deg,#036,#024);box-shadow:0 8px 25px #00336640}.stat-card-body{color:#fff;display:flex;flex-direction:column;gap:6px;min-width:0}.stat-card-body *{color:#fff!important}.stat-card-title{font-size:11px;font-weight:700;letter-spacing:.6px;opacity:.92;text-transform:uppercase}.stat-card-title,.stat-card-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-card-value{font-size:26px;font-weight:800;line-height:1.15;text-shadow:0 2px 8px #0003}.stat-card-subtitle{font-size:11px;font-weight:500;opacity:.86;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-card-icon{align-items:center;background:#ffffff2e;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.stat-card-icon *,.stat-card-icon path,.stat-card-icon svg{fill:#fff!important;stroke:#fff!important;color:#fff!important;font-size:26px}.no-chart-data{color:#666;font-size:14px;padding:40px 10px;text-align:center}.plan-analytics-table{margin-top:30px}.plan-analytics-table h3{color:#333;margin-bottom:15px}.plan-analytics-table table{border-collapse:collapse;width:100%}.plan-analytics-table td,.plan-analytics-table th{border-bottom:1px solid #e0e0e0;padding:15px;text-align:left}.plan-analytics-table thead{background:#f5f7fa}.plan-analytics-table th{color:#333;font-weight:600}.revenue-cell{color:#0066c2;font-weight:600}.subscriptions-list{margin-top:20px}.alert-banner{background:#e3f2fd;border-left:4px solid #0080e0;border-radius:8px;margin-bottom:20px;padding:15px 20px}.alert-banner strong{color:#004a9f;display:block;margin-bottom:5px}.alert-banner p{color:#0052a3;font-size:14px;margin:0}.subscriptions-table{background:#fff;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 2px 12px #0000000f;overflow:hidden;width:100%}.subscriptions-table thead{background:linear-gradient(135deg,#0080e0,#0066c2);color:#fff}.subscriptions-table th{font-size:12px;font-weight:700;letter-spacing:.5px;padding:18px 15px;text-align:left;text-transform:uppercase}.subscriptions-table td{border-bottom:1px solid #f0f0f0;padding:16px 15px;transition:background .2s ease}.subscriptions-table tbody tr{transition:all .2s ease}.subscriptions-table tbody tr:hover{background:#f8f9fa;box-shadow:0 2px 8px #0080e01a;transform:scale(1.01)}.days-badge{background:#bbdefb;color:#004a9f}.days-badge,.expiring-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 10px}.expiring-badge{background:#e3f2fd;color:#0066c2}.status-badge.active{background:#bbdefb;color:#004a9f}.status-badge.expiring{background:#e3f2fd;color:#0066c2}.status-badge.cancelled{background:#90caf9;color:#036}.action-button{border-radius:6px;font-size:12px;padding:6px 12px}.subscription-categories-management{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:30px}.section-header{align-items:flex-start}.section-header h2{color:#000}.search-box input{min-width:240px}.btn-add{background:#0080e0;border-radius:8px;padding:12px 24px;transition:all .3s ease}.btn-add:hover{background:#0066c2;box-shadow:0 4px 12px #0080e066}.categories-table-container{overflow-x:auto}.categories-table{border-collapse:collapse;width:100%}.categories-table thead{background:#f5f7fa}.categories-table td,.categories-table th{border-bottom:1px solid #e0e0e0;color:#000;padding:15px;text-align:left}.categories-table th{color:#000;font-weight:600}.categories-table tbody tr:hover{background:#f9f9f9}.original-price{color:#666;font-size:13px;text-decoration:line-through}.discounted-price{color:#28a745;font-size:15px;font-weight:600}.no-discount{color:#999;font-style:italic}.discount-badge{background:#ff6b6b;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.toggle-switch{height:26px;width:50px}.toggle-slider{background-color:#ccc;border-radius:26px;transition:.4s}.toggle-slider:before{bottom:3px;left:3px;transition:.4s}.toggle-switch input:checked+.toggle-slider{background-color:#0080e0}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px #0080e0}.btn-edit{background:#0080e0;border-radius:6px;font-size:14px;padding:6px 12px;transition:all .3s ease}.btn-edit:hover{background:#0066c2;box-shadow:0 4px 12px #0080e066;transform:translateY(-2px)}.btn-delete{font-size:14px;font-weight:600;padding:6px 12px}.modal-content{border-radius:12px;box-shadow:0 20px 60px #0000004d}.modal-header{padding:20px 30px}.close-btn{font-size:28px}.close-btn:hover{color:#000}.modal-form{padding:30px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;font-size:16px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #0080e01a}.discount-section{border-top:2px solid #e0e0e0;margin-top:30px;padding-top:30px}.discount-section h4{color:#0080e0;font-size:18px;margin:0 0 20px}.discount-preview{background:#f8f9fa;border-left:4px solid #0080e0;border-radius:8px;margin-top:15px;padding:15px}.discount-preview p{color:#000;font-size:14px;margin:0}.original-price-preview{color:#666;margin-right:8px;text-decoration:line-through}.discounted-price-preview{color:#28a745;font-size:16px;font-weight:700}.discount-save{color:#0080e0;font-weight:600}.modal-actions{margin-top:30px}.btn-cancel,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-cancel{background:#e0e0e0;color:#333}.btn-cancel:hover{background:#d0d0d0}.btn-submit{background:#0080e0;color:#fff}.btn-submit:hover{background:#0066c2;box-shadow:0 4px 12px #0080e066;transform:translateY(-2px)}.loading{color:#000}.advanced-analytics{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:30px}.months-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 15px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:40px}.metric-card{background:linear-gradient(135deg,#0080e0,#004a9f);border-radius:16px;box-shadow:0 8px 25px #0080e040;color:#fff;padding:30px}.metric-card:before{background:linear-gradient(135deg,#ffffff1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.metric-card:hover{box-shadow:0 12px 35px #0080e059;transform:translateY(-8px) scale(1.02)}.metric-card h3{font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;opacity:.95;text-transform:uppercase}.metric-value{font-size:36px;font-weight:800;line-height:1.2;margin:0 0 8px;text-shadow:0 2px 8px #00000026}.metric-detail{font-size:13px;font-weight:500;line-height:1.4;opacity:.9}.chart-section{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:30px;padding:30px;transition:all .3s ease}.chart-section:hover{box-shadow:0 6px 25px #0000001f}.chart-section h3{align-items:center;color:#333;display:flex;font-size:20px;font-weight:700;gap:10px;margin:0 0 25px}.chart-section h3:before{background:linear-gradient(135deg,#0080e0,#0066c2);border-radius:2px;content:"";height:24px;width:4px}.charts-grid{margin-bottom:30px}.technician-performance{margin-top:30px}.technician-performance h3{color:#333;font-size:18px;margin-bottom:20px}.technician-performance table{background:#fff;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 2px 12px #0000000f;overflow:hidden;width:100%}.technician-performance td,.technician-performance th{border-bottom:1px solid #f0f0f0;padding:16px 15px;text-align:left;transition:background .2s ease}.chart-tooltip{background:#fffffff2;border:1px solid #e6e6e6;border-radius:8px;box-shadow:0 6px 18px #0000001f;min-width:160px;padding:12px 14px}.chart-tooltip__title{color:#1f2d3d;font-size:13px;font-weight:700;margin-bottom:6px}.chart-tooltip__value{color:#0080e0;font-size:15px;font-weight:600;margin-bottom:4px}.chart-tooltip__meta{color:#607080;font-size:12px;font-weight:500}.status-legend{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:center;padding-top:12px}.status-legend__item{align-items:center;color:#4a4a4a;display:flex;font-size:13px;font-weight:600;gap:8px}.status-legend__swatch{border-radius:4px;box-shadow:0 1px 4px #0003;display:inline-block;height:14px;width:14px}.status-legend__label{white-space:nowrap}.technician-performance thead{background:linear-gradient(135deg,#0080e0,#0066c2);color:#fff}.technician-performance th{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.technician-performance tbody tr{transition:all .2s ease}.technician-performance tbody tr:hover{background:#f8f9fa;box-shadow:0 2px 8px #0080e01a;transform:scale(1.01)}.rating-high{color:#28a745;font-weight:600}.rating-medium{color:#ffc107;font-weight:600}.rating-low{color:#dc3545;font-weight:600}.earnings-cell{color:#28a745;font-weight:600}.status-badge{border-radius:15px}.status-badge.good{background:#d4edda;color:#155724}.status-badge.warning{background:#fff3cd;color:#856404}.alert-system{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:30px}.section-icon{margin-right:10px;vertical-align:middle}.header-actions{gap:15px}.auto-refresh-toggle{color:#666;gap:8px}.refresh-button{border-radius:8px;font-weight:600;transition:all .3s ease}.refresh-button:hover{background:#0066c2;transform:translateY(-2px)}.alert-summary{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:40px}.summary-card{border-left:5px solid #0080e0;box-shadow:0 4px 20px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}.summary-card:before{background:linear-gradient(180deg,#0080e0,#0066c2);height:100%;left:0;top:0;transition:width .3s ease;width:5px}.summary-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-5px)}.summary-card:hover:before{opacity:.05;width:100%}.summary-card.critical{border-left-color:#e74c3c}.summary-card.critical:before{background:linear-gradient(180deg,#e74c3c,#c0392b)}.summary-card.medium{border-left-color:#ff9800}.summary-card.medium:before{background:linear-gradient(180deg,#ff9800,#f57c00)}.summary-card.low{border-left-color:#17a2b8}.summary-card.low:before{background:linear-gradient(180deg,#17a2b8,#138496)}.summary-card h3{color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;position:relative;text-transform:uppercase;z-index:1}.summary-value{font-size:36px;font-weight:800;line-height:1.2;margin:0;position:relative;z-index:1}.filter-buttons{margin-bottom:20px}.filter-buttons button{border:2px solid #e0e0e0;border-radius:8px;font-weight:600;padding:10px 20px;transition:all .3s ease}.filter-buttons button:hover:not(.active){background:#f5f5f5}.alerts-list{display:flex;flex-direction:column;gap:15px}.alert-item{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 12px #0000000f;display:flex;gap:24px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.alert-item:hover{background:#fafafa;border-left-width:6px;box-shadow:0 6px 20px #0000001a;transform:translateX(8px) translateY(-2px)}.alert-icon{flex-shrink:0;font-size:32px}.alert-content{flex:1 1}.alert-header{justify-content:space-between;margin-bottom:10px}.alert-header h3{color:#333;font-size:18px;margin:0}.severity-badge{border-radius:12px;color:#fff;padding:4px 12px}.alert-message{color:#666;font-size:14px;line-height:1.5;margin:0 0 15px}.alert-details{background:#fff;border-radius:6px;color:#555;font-size:13px;line-height:1.8;margin-bottom:10px;padding:15px}.alert-details strong{color:#333;margin-right:5px}.alert-footer{align-items:center;border-top:1px solid #e0e0e0;color:#999;display:flex;font-size:12px;justify-content:space-between;padding-top:10px}.alert-time{font-weight:500}.alert-type{background:#e9ecef;border-radius:4px;padding:4px 8px;text-transform:capitalize}.no-alerts{color:#999;font-size:16px;padding:60px;text-align:center}.error-state,.loading-state{color:#666;padding:60px;text-align:center}.loading-state .spinner{animation:spin 1s linear infinite;border:4px solid #0080e04d;border-radius:50%;border-top-color:#0080e0;height:40px;margin:0 auto 20px;width:40px}.moderation-violations-container{background:#f5f7fa;min-height:100vh;padding:20px}.moderation-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.moderation-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.header-title{align-items:center;display:flex;gap:16px}.header-actions{justify-content:flex-end}.search-box input{border:1px solid #d0d5dd;border-radius:10px;min-width:260px;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease}.search-box input:focus{border-color:#0080e0;box-shadow:0 0 0 2px #0080e026;outline:none}.header-icon{font-size:32px}.header-title h2{color:#333;font-size:24px;margin:0}.header-title p{color:#666;font-size:14px;margin:4px 0 0}.refresh-button{align-items:center;background:#0080e0;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:background .3s}.refresh-button:hover{background:#0066b3}.refresh-button .icon{font-size:16px}.moderation-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card.unreviewed{border-left:4px solid #ff6b6b}.stat-card.total{border-left:4px solid #0080e0}.stat-icon{color:#0080e0;font-size:32px}.stat-card.unreviewed .stat-icon{color:#ff6b6b}.stat-info p{margin:4px 0 0}.filter-buttons{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;gap:12px;margin-bottom:24px;padding:16px}.filter-btn{border:2px solid #e0e0e0;color:#666;font-weight:500;transition:all .3s}.filter-btn:hover{color:#0080e0}.empty-state p{color:#999;font-size:16px}.violations-list{display:flex;flex-direction:column;gap:16px}.violation-item{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:box-shadow .3s}.violation-item:hover{box-shadow:0 4px 8px #00000026}.violation-item.unreviewed{border-left:4px solid #ff6b6b}.violation-item.reviewed{border-left:4px solid #4caf50;opacity:.8}.violation-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.violation-user{align-items:center;display:flex;gap:12px}.user-icon{color:#0080e0;font-size:24px}.violation-user strong{color:#333;display:block;font-size:16px;margin-bottom:4px}.user-details{color:#666;display:block;font-size:14px}.violation-meta{align-items:center;display:flex;gap:8px}.category-badge{border-radius:12px;color:#fff;padding:4px 12px}.unreviewed-badge{background:#ff6b6b;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px}.violation-content{background:#f5f7fa;border-radius:6px;margin-bottom:16px;padding:12px}.content-label{color:#666;font-size:12px;font-weight:600;margin-bottom:8px}.blocked-text{color:#333;font-size:14px;line-height:1.5;word-break:break-word}.violation-details{grid-gap:12px;display:grid;font-size:14px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:16px}.detail-item{color:#666}.detail-item strong{color:#333;margin-right:4px}.detail-icon{color:#0080e0;font-size:14px;margin-right:4px;vertical-align:middle}.reviewed-info{color:#4caf50;font-weight:500}.action-taken{color:#0080e0;font-weight:600}.violation-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;padding-top:16px}.btn-view{align-items:center;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:background .3s}.btn-view:hover{background:#0066b3}.btn-view .icon{font-size:16px}.modal-close{background:none;border-radius:4px;color:#666;font-size:24px;height:32px;padding:0;transition:background .3s;width:32px}.modal-close:hover{background:#f5f7fa}.review-section{font-size:14px;margin-bottom:20px}.review-section strong{color:#333;display:block;font-size:14px;margin-bottom:8px}.review-content{background:#f5f7fa;border-radius:6px;color:#333;line-height:1.6;margin-top:8px;padding:12px;word-break:break-word}.review-action-select{margin-top:24px}.review-action-select label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.review-action-select select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#333;font-size:14px;padding:10px;width:100%}.review-action-select select:focus{border-color:#0080e0;outline:none}.modal-footer{border-top:1px solid #e0e0e0}.btn-cancel{background:#f5f7fa;border:2px solid #e0e0e0;border-radius:6px;color:#666;font-weight:500;padding:10px 20px;transition:all .3s}.btn-cancel:hover{background:#e0e0e0}.btn-confirm{background:#0080e0;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .3s}.btn-confirm:hover:not(:disabled){background:#0066b3}.btn-confirm:disabled{cursor:not-allowed;opacity:.6}.support-tickets-management{background:#f5f5f5;min-height:100vh;padding:20px}.section-icon{font-size:24px}.ticket-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.stat-card.open{border-left:4px solid #ff9800}.stat-card.in-progress{border-left:4px solid #2196f3}.stat-card.resolved{border-left:4px solid #4caf50}.stat-card.unassigned{border-left:4px solid #f44336}.stat-card.sla-breach{background:#ffebee;border-left:4px solid #d32f2f}.stat-label,.stat-value,.ticket-stats .stat-card,.ticket-stats .stat-card .stat-label,.ticket-stats .stat-card .stat-value{color:#000!important}.tickets-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:400px 1fr;height:calc(100vh - 250px)}.tickets-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;overflow:hidden}.filters-section{border-bottom:1px solid #eee;padding:15px}.search-box{margin-bottom:15px}.search-box input{border-radius:4px;padding:10px 10px 10px 35px}.search-icon{left:10px}.filter-buttons{gap:5px;margin-bottom:10px}.filter-buttons button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.filter-buttons button:hover{background:#f5f5f5}.filter-buttons button.active{background:#0080e0;border-color:#0080e0;color:#fff}.category-filter select,.priority-filter select{border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:10px;padding:8px;width:100%}.category-filter{margin-top:10px}.tickets-list-content{flex:1 1;overflow-y:auto;padding:10px}.ticket-item{border:1px solid #eee;border-radius:6px;cursor:pointer;margin-bottom:10px;padding:15px;position:relative;transition:all .2s}.ticket-item:hover{background:#f9f9f9;border-color:#0080e0}.ticket-item.selected{background:#e3f2fd;border-color:#0080e0}.ticket-item.selected .ticket-date,.ticket-item.selected .ticket-id,.ticket-item.selected .ticket-meta,.ticket-item.selected .ticket-subject{color:#000!important}.ticket-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.ticket-id{color:#000}.ticket-priority{color:#000!important;font-size:11px;font-weight:700;text-transform:uppercase}.ticket-subject{color:#000;font-weight:500;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-meta{align-items:center;color:#000;display:flex;font-size:12px;justify-content:space-between}.ticket-user{color:#000}.ticket-status{color:#000!important;font-weight:500;text-transform:capitalize}.unread-badge{align-items:center;background:#f44336;border-radius:50%;display:flex;height:20px;justify-content:center;position:absolute;right:10px;top:10px;width:20px}.ticket-date{color:#000;font-size:11px;margin-top:5px}.ticket-detail{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;overflow-y:auto;padding:20px}.ticket-detail-header{align-items:flex-start;border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.ticket-detail-header h3{color:#333;margin:0 0 10px}.ticket-detail-meta{color:#666;display:flex;font-size:14px;gap:15px}.ticket-user-info{font-weight:500}.ticket-category{background:#e3f2fd;border-radius:4px;font-size:12px;padding:4px 8px}.ticket-actions{gap:10px}.status-update-form,.ticket-actions{align-items:center;display:flex;flex-wrap:wrap}.status-update-form{gap:8px}.priority-select,.status-select{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px;padding:8px}.btn-update-status{background:#0080e0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s}.btn-update-status:hover{background:#0066c2}.btn-close{background:#f44336;color:#fff;font-size:14px;padding:8px 16px}.btn-close:hover{background:#d32f2f}.ticket-subject-detail{background:#f9f9f9;border-radius:6px;margin-bottom:15px;padding:15px}.ticket-subject-detail strong{color:#333}.ticket-description{background:#f9f9f9;border-radius:6px;margin-bottom:20px;padding:15px}.ticket-description strong{color:#333;display:block;margin-bottom:8px}.ticket-description p{color:#666;line-height:1.6;margin:0}.ticket-messages{flex:1 1;margin-bottom:20px}.ticket-messages h4{border-bottom:1px solid #eee;color:#333;margin:0 0 15px;padding-bottom:10px}.messages-list{max-height:400px;overflow-y:auto;padding-right:10px}.message{border-left:4px solid #ddd;border-radius:6px;margin-bottom:12px;padding:12px}.message.user-message{background:#f5f5f5;border-left-color:#4caf50}.message.admin-message{background:#e3f2fd;border-left-color:#0080e0}.message.internal-message{background:#fff3cd;border-left-color:#ffc107;border-style:dashed}.internal-badge{background:#ffc107;border-radius:3px;color:#000;font-size:10px;font-weight:700;margin-left:5px;padding:2px 6px}.read-indicator{color:#4caf50;display:block;font-size:10px;margin-top:4px}.message-header{font-size:12px;margin-bottom:6px}.message-sender{color:#333;font-weight:500}.message-time{color:#999}.message-content{line-height:1.5}.message-attachments{border-top:1px solid #ddd;margin-top:8px;padding-top:8px}.message-attachments a{color:#0080e0;display:inline-block;font-size:12px;margin-right:10px;text-decoration:none}.message-attachments a:hover{text-decoration:underline}.message-input-section{border-top:2px solid #eee;margin-top:auto;padding-top:15px}.message-input{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;margin-bottom:10px;padding:12px;resize:vertical;width:100%}.message-options{align-items:center;display:flex;gap:10px;justify-content:space-between}.internal-message-checkbox{align-items:center;color:#666;cursor:pointer;display:flex;font-size:13px;gap:6px}.internal-message-checkbox input[type=checkbox]{cursor:pointer}.btn-send{background:#0080e0;border-radius:6px;font-weight:500;padding:10px 20px;transition:background .2s}.btn-send:hover:not(:disabled){background:#0066c2}.btn-send:disabled{background:#ccc}.no-ticket-selected{align-items:center;color:#999;display:flex;flex-direction:column;height:100%;justify-content:center}.no-ticket-selected p{font-size:16px;margin-top:15px}.no-tickets-message{color:#666;padding:40px 20px;text-align:center}.no-tickets-message p{margin:5px 0}.messages-list::-webkit-scrollbar,.ticket-detail::-webkit-scrollbar,.tickets-list-content::-webkit-scrollbar{width:6px}.messages-list::-webkit-scrollbar-track,.ticket-detail::-webkit-scrollbar-track,.tickets-list-content::-webkit-scrollbar-track{background:#f1f1f1}.messages-list::-webkit-scrollbar-thumb,.ticket-detail::-webkit-scrollbar-thumb,.tickets-list-content::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.messages-list::-webkit-scrollbar-thumb:hover,.ticket-detail::-webkit-scrollbar-thumb:hover,.tickets-list-content::-webkit-scrollbar-thumb:hover{background:#555}.signatures-management{background:#f5f5f5;min-height:100vh;padding:20px}.signatures-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.signatures-header h2{color:#333;margin:0}.refresh-btn{border-radius:5px;font-size:14px}.refresh-btn:hover{background:#06c}.signature-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.stat-value{margin-bottom:5px}.signatures-filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.filter-group,.search-group{align-items:center;background:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a;display:flex;gap:10px;padding:10px 15px}.filter-group select,.search-group input{border:none;font-size:14px;outline:none}.search-group input{min-width:250px}.signatures-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.signatures-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-height:calc(100vh - 300px);overflow-y:auto}.signature-item{border-bottom:1px solid #eee;cursor:pointer;padding:15px;transition:background .2s}.signature-item:hover{background:#f9f9f9}.signature-item.selected{background:#e3f2fd;border-left:4px solid #0080e0}.signature-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.signature-id{color:#0080e0;font-weight:700}.signature-status{align-items:center;display:flex;font-size:12px;font-weight:500;gap:5px;text-transform:uppercase}.signature-info{margin-bottom:10px}.signature-parties{margin-bottom:8px}.party-info{color:#333;font-size:14px;margin-bottom:4px}.party-info .email{color:#666;font-size:12px}.signature-project{color:#666;font-size:13px;margin-bottom:8px}.signature-dates{color:#999;display:flex;font-size:11px;gap:15px}.signature-actions{display:flex;gap:10px}.delete-btn{align-items:center;background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:5px;padding:6px 12px}.delete-btn:hover{background:#d32f2f}.delete-btn:disabled{background:#ccc;cursor:not-allowed}.signature-details{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-height:calc(100vh - 300px);overflow-y:auto}.details-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.details-header h3{color:#333;margin:0}.close-btn{font-size:20px;padding:5px}.details-content{padding:20px}.detail-section{border-bottom:1px solid #eee}.detail-section h4{color:#333;margin:0 0 10px}.detail-section p{font-size:14px;margin:5px 0}.status-badge{align-items:center;background:#0000000d;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.details-actions{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.delete-btn-large{align-items:center;background:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px 24px;width:100%}.delete-btn-large:hover{background:#d32f2f}.delete-btn-large:disabled{background:#ccc;cursor:not-allowed}.empty-state svg{margin-bottom:15px}.signatures-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:400px}.spinner{margin-bottom:15px}@media (max-width:1024px){.signatures-content{grid-template-columns:1fr}.signature-details{max-height:none}}.technicians-management{padding:20px}.page-header{align-items:center;margin-bottom:20px}.page-header h2{gap:10px}.refresh-btn{padding:8px 16px}.empty-state{color:#666;padding:40px}.technicians-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.technician-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.card-header{align-items:flex-start;background:#f8f9fa;border-bottom:1px solid #dee2e6;padding:16px}.card-header h3{font-size:18px;margin:0 0 4px}.tech-id{color:#666;font-size:12px;margin:4px 0}.tech-phone{color:#333;font-size:14px;margin:4px 0 0}.badge{font-weight:600}.card-body{padding:16px}.info-section{margin-bottom:16px}.info-section p{font-size:14px;margin:8px 0}.files-section{background:#f8f9fa;border-radius:6px;margin:16px 0;padding:16px}.file-group{margin-bottom:12px}.file-group:last-child{margin-bottom:0}.file-group h4{align-items:center;display:flex;font-size:14px;gap:8px;margin:0 0 8px}.view-file-btn{align-items:center;background:#0080e0;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;gap:6px;padding:6px 12px}.view-file-btn:hover{background:#0066c2}.view-file-btn.small{font-size:11px;padding:4px 8px}.no-file{color:#999;font-size:12px;font-style:italic}.data-requests-section{background:#fff3cd;border-radius:6px;margin:16px 0;padding:16px}.data-requests-section h4{align-items:center;display:flex;font-size:14px;gap:8px;margin:0 0 12px}.data-request-item{background:#fff;border-radius:4px;margin-bottom:8px;padding:12px}.data-request-item:last-child{margin-bottom:0}.request-header{align-items:center;margin-bottom:8px}.request-date{color:#666;font-size:11px}.request-message{color:#333;font-size:13px;margin:8px 0}.request-types{color:#666;font-size:12px;margin:8px 0 0}.card-actions{border-top:1px solid #dee2e6;flex-wrap:wrap;margin-top:16px;padding-top:16px}.btn{display:inline-flex;flex:1 1;font-size:14px;gap:6px;justify-content:center;padding:8px 16px}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.modal-content.file-viewer{max-width:90%;width:90%}.modal-header{padding:16px}.close-btn{height:32px;width:32px}.modal-body{padding:16px}.form-group{margin-bottom:16px}.form-group textarea{border:1px solid #dee2e6;border-radius:4px;padding:8px}.file-types-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.checkbox-label{border:1px solid #dee2e6;border-radius:4px;gap:8px;padding:8px}.checkbox-label:hover{background:#f8f9fa}.modal-actions{gap:8px;margin-top:16px}.files-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.file-item{border:1px solid #dee2e6;border-radius:4px;overflow:hidden}.file-preview{height:300px;object-fit:contain;width:100%}.download-link,.file-preview{background:#f8f9fa;display:block}.download-link{border-top:1px solid #dee2e6;color:#0080e0;padding:8px;text-align:center;text-decoration:none}.download-link:hover{background:#e9ecef}.regions-display{margin:8px 0}.regions-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.region-tag{background:#e7f3ff;border-radius:12px;color:#0066c2;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.no-regions{color:#999;font-size:14px;font-style:italic}.regions-management{display:flex;flex-direction:column;gap:24px}.regions-section{background:#f8f9fa;border-radius:6px;padding:16px}.regions-section h4{color:#333;font-size:16px;margin:0 0 12px}.regions-list-manage{display:flex;flex-direction:column;gap:8px}.region-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:4px;display:flex;justify-content:space-between;padding:10px 12px}.region-item span{color:#333;font-size:14px}.btn-add-region,.btn-remove-region{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:6px 10px;transition:all .2s}.btn-add-region{background:#28a745;color:#fff}.btn-add-region:hover{background:#218838}.btn-remove-region{background:#dc3545;color:#fff}.btn-remove-region:hover{background:#c82333}.no-regions-text{color:#999;font-size:14px;font-style:italic;margin:0}.dispute-timeline{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:32px}.page-header .subtitle{color:#666;font-size:14px;margin-bottom:0;margin-top:8px}.page-header{border-left:5px solid #0080e0;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:32px;padding:24px}.page-header h2{align-items:center;color:#1a1a1a;display:flex;font-size:28px;font-weight:700;gap:12px;letter-spacing:-.5px;margin:0}.search-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 16px #0000001a;margin-bottom:32px;padding:28px}.search-form{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px}.form-group{flex:1 1;min-width:200px}.form-group input,.form-group select{border:1px solid #d0d5dd;border-radius:8px;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group select:focus{box-shadow:0 0 0 2px #0080e026}.btn-search{background:linear-gradient(135deg,#0080e0,#0066c2);border:none;border-radius:8px;box-shadow:0 2px 8px #0080e04d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.3px;padding:12px 28px;transition:all .3s ease}.btn-search:hover:not(:disabled){background:linear-gradient(135deg,#0066c2,#0052a3);box-shadow:0 4px 12px #0080e066;transform:translateY(-2px)}.btn-search:disabled{background:#ccc;cursor:not-allowed}.error-message{background:#f8d7da;border-radius:6px;color:#721c24;gap:8px;margin-bottom:20px;padding:12px 16px}.timeline-container{background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 20px #0000001f;margin-top:32px;overflow:hidden;padding:32px;position:relative}.timeline-container:before{background:linear-gradient(90deg,#0080e0,#0066c2 50%,#0052a3);content:"";height:4px;left:0;position:absolute;right:0;top:0}.participants-header{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e0e0e0;border-radius:14px;box-shadow:0 3px 12px #0000001a;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:36px;overflow:hidden;padding:24px 28px;position:relative}.participants-header:before{background:linear-gradient(180deg,#0080e0,#0066c2);content:"";height:100%;left:0;position:absolute;top:0;width:5px}.participant{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 6px #0000000d;display:flex;flex:1 1;gap:14px;min-width:200px;padding:16px 18px;transition:all .3s ease}.participant:hover{border-color:#0080e0;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.participant strong{color:#1a1a1a;font-weight:600}.total-events{background:linear-gradient(135deg,#0080e0,#0066c2);border-radius:28px;box-shadow:0 4px 12px #0080e066;color:#fff;font-size:16px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:12px 24px;position:relative}.total-events:before{animation:shimmer 3s infinite;background:radial-gradient(circle,#fff3 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.no-interactions{background:#fff;border:2px dashed #e0e0e0;border-radius:12px;color:#999;padding:80px 20px;text-align:center}.no-interactions p{color:#888;font-size:16px;font-weight:500}.timeline{padding-bottom:24px;padding-left:60px;padding-top:24px}.timeline:before{background:linear-gradient(180deg,#0080e0 0,#0080e0 20%,#4da6ff 40%,#9cf 60%,#cce6ff 80%,#e6f2ff);border-radius:3px;box-shadow:0 0 8px #0080e04d;left:28px;width:4px}.timeline-item{animation:fadeIn .3s ease-in;gap:20px;margin-bottom:32px}.timeline-marker{border:3px solid #fff;box-shadow:0 4px 12px #0003,0 0 0 5px #fff,0 0 0 8px #0080e01a;color:#fff;height:48px;left:-46px;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px;z-index:3}.timeline-item:hover .timeline-marker{box-shadow:0 8px 20px #00000040,0 0 0 5px #fff,0 0 0 10px #0080e026;transform:scale(1.15) rotate(5deg)}.timeline-content{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e0e0e0;border-left:5px solid #0000;border-radius:14px;box-shadow:0 3px 12px #0000001a;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.timeline-content:before{background:#0000;content:"";height:100%;left:0;position:absolute;top:0;transition:background .3s ease;width:5px}.timeline-content.expanded{background:linear-gradient(135deg,#fff,#f8f9fa);border-left-color:#0080e0;box-shadow:0 6px 24px #00000026}.timeline-content.expanded:before{background:linear-gradient(180deg,#0080e0,#0066c2)}.timeline-item:hover .timeline-content{border-color:#c0d9f0;box-shadow:0 6px 20px #00000026;transform:translateX(6px)}.timeline-item:hover .timeline-content.expanded{border-left-color:#0066c2;box-shadow:0 8px 28px #0000002e}.timeline-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;transition:all .2s ease}.timeline-header.clickable{position:relative}.timeline-header.clickable:after{background:#0000;bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transition:background .2s ease}.timeline-header.clickable:hover{background:#f8f9fa;border-radius:8px;margin:-4px -4px 8px;padding:8px 4px 12px}.timeline-header.clickable:hover:after{background:#0080e0}.timeline-header>div{flex:1 1}.timeline-header h3{align-items:center;color:#1a1a1a;display:flex;font-size:20px;font-weight:700;gap:10px;letter-spacing:-.3px;line-height:1.3;margin:0 0 6px}.performed-by{color:#666;display:block;font-size:12px;font-style:italic;font-weight:400;margin-top:4px}.metadata-preview{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid #0080e0;border-radius:8px;box-shadow:0 2px 4px #0080e01a;color:#555;display:block;font-size:13px;font-weight:500;margin-top:10px;max-width:95%;padding:10px 14px;transition:all .2s ease}.timeline-header.clickable:hover .metadata-preview{background:linear-gradient(135deg,#bbdefb,#90caf9);transform:translateX(4px)}.expand-icon{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:6px;box-shadow:0 2px 4px #0080e033;color:#0080e0;display:flex;height:28px;justify-content:center;padding:6px;transition:all .3s cubic-bezier(.4,0,.2,1);width:28px}.timeline-header.clickable:hover .expand-icon{background:linear-gradient(135deg,#0080e0,#0066c2);box-shadow:0 4px 8px #0080e04d;color:#fff;transform:scale(1.2) rotate(180deg)}.timeline-date{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#666;font-size:13px;font-weight:600;padding:8px 14px;white-space:nowrap}.timeline-description{background:#f8f9fa;border-left:3px solid #dee2e6;border-radius:8px;color:#555;font-size:15px;font-weight:400;line-height:1.7;margin:14px 0;padding:12px;-webkit-user-select:text;user-select:text}.timeline-metadata{animation:slideDown .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fafbfc,#f8f9fa);border-radius:10px;border-top:2px solid #e0e0e0;display:flex;flex-direction:column;gap:14px;margin-left:-4px;margin-right:-4px;margin-top:18px;padding:18px}.metadata-section{display:flex;flex-direction:column;gap:8px}.metadata-label{border-bottom:2px solid #e0e0e0;color:#1a1a1a;display:inline-block;font-size:13px;font-weight:700;letter-spacing:.8px;margin-bottom:8px;padding-bottom:6px;text-transform:uppercase}.files-list{display:flex;flex-wrap:wrap;gap:8px}.file-link{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:8px;box-shadow:0 2px 4px #1976d226;color:#1976d2;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.file-link:hover{background:linear-gradient(135deg,#1976d2,#1565c0);border-color:#1565c0;box-shadow:0 4px 12px #1976d266;color:#fff;transform:translateY(-2px)}.value-object{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #0080e0;border-radius:10px;box-shadow:inset 0 2px 4px #0000000d;display:flex;flex-wrap:wrap;gap:10px;padding:14px}.value-item{background:#fff;border-radius:4px;color:#555;font-size:12px;padding:4px 8px}.value-item strong{color:#333;margin-right:4px}.metadata-tag{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#555;display:inline-block;font-size:13px;padding:8px 14px;transition:all .2s ease}.metadata-tag:hover{box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}.metadata-tag strong{color:#1a1a1a;font-weight:600;margin-right:6px}.metadata-tag.money-tag{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#b1dfbb;box-shadow:0 2px 4px #15572426;color:#155724}.metadata-tag.money-tag:hover{box-shadow:0 4px 8px #15572440}.metadata-tag.money-tag strong{color:#0d4f1c;font-weight:700}.metadata-tag.date-tag{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-color:gold;box-shadow:0 2px 4px #85640426;color:#856404}.metadata-tag.date-tag:hover{box-shadow:0 4px 8px #85640440}.metadata-tag.date-tag strong{color:#533f03;font-weight:700}@media (max-width:768px){.search-form{flex-direction:column}.form-group{width:100%}.participants-header{align-items:flex-start}.timeline{padding-left:50px}.timeline-marker{height:40px;left:-38px;width:40px}.timeline-content{padding:16px}.participants-header{align-items:stretch;flex-direction:column}.participant{min-width:100%}}.support-requests{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.support-requests-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.support-requests-header h2{color:#212529;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.mqtt-status-indicator{background:#fff;border:1px solid #e9ecef;border-radius:24px;box-shadow:0 2px 4px #0000000a;font-size:13px;font-weight:600}.status-dot{animation:pulse 2s infinite;height:10px;width:10px}.status-dot.disconnected{animation:none}.support-requests-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.spinner{margin-bottom:20px}.error-message{align-items:center;background:#fff5f5;border:1px solid #fed7d7;border-radius:12px;color:#c53030;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.error-message button{background:#c53030;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s ease}.error-message button:hover{background:#9b2c2c;transform:translateY(-1px)}.filters{border-bottom:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px;padding-bottom:20px}.filter-button{background:#fff;border:2px solid #dee2e6;border-radius:10px;box-shadow:0 1px 3px #0000000d;color:#495057;cursor:pointer;font-size:14px;font-weight:600;padding:12px 28px;transition:all .2s ease}.filter-button:hover{background:#f0f8ff;border-color:#0080e0;box-shadow:0 2px 6px #0080e026;color:#0080e0;transform:translateY(-1px)}.filter-button.active{background:linear-gradient(135deg,#0080e0,#0066b3);border-color:#0080e0;box-shadow:0 4px 12px #0080e040;color:#fff}.requests-list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}.no-requests{background:#fff;border:2px dashed #dee2e6;border-radius:12px;color:#6c757d;font-size:16px;font-weight:500;grid-column:1/-1;padding:80px 20px;text-align:center}.request-card{border:1px solid #e9ecef;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;padding:28px}.request-card:hover{border-color:#0080e0;box-shadow:0 8px 24px #0000001f}.request-header{border-bottom:2px solid #f1f3f5;gap:16px;margin-bottom:24px;padding-bottom:20px}.request-header h3{color:#212529;flex:1 1;font-size:20px;font-weight:700;line-height:1.4;margin:0}.request-badges{display:flex;flex-wrap:wrap;gap:8px}.priority-badge,.status-badge{border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.request-info{flex:1 1;margin-bottom:24px}.info-row{color:#495057;line-height:1.6;padding:10px 0}.info-row strong{color:#212529;flex-shrink:0;font-weight:600}.ai-history-preview{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #0ea5e9;border-radius:12px;box-shadow:0 2px 8px #0ea5e91a;margin:24px 0;padding:20px}.ai-history-header{color:#0369a1;cursor:pointer;font-size:14px;font-weight:700;justify-content:space-between;margin-bottom:16px;-webkit-user-select:none;user-select:none}.toggle-button{background:#0ea5e9;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .2s ease}.toggle-button:hover{background:#0284c7;box-shadow:0 4px 8px #0ea5e94d;transform:translateY(-1px)}.ai-history-content{margin-top:16px;max-height:400px;overflow-y:auto;padding-right:10px}.ai-message{border-radius:10px;padding:14px 16px}.ai-message.user{background:#f1f5f9;border-left:3px solid #94a3b8;margin-left:24px}.ai-message.assistant{background:#dbeafe;border-left:3px solid #3b82f6;margin-right:24px}.message-role{color:#475569;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.message-content{color:#1e293b}.message-time{color:#64748b}.request-actions{border-top:2px solid #f1f3f5;margin-top:24px;padding-top:20px}.btn-accept,.btn-chat{border:none;border-radius:10px;box-shadow:0 2px 6px #0000001a;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.5px;padding:12px 28px;text-transform:uppercase;transition:all .2s ease}.btn-accept{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-accept:hover{background:linear-gradient(135deg,#218838,#1aa179);box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.btn-chat{background:linear-gradient(135deg,#0080e0,#0066b3);color:#fff}.btn-chat:hover{background:linear-gradient(135deg,#0066b3,#0056a3);box-shadow:0 4px 12px #0080e04d;transform:translateY(-2px)}.ai-history-content::-webkit-scrollbar{width:8px}.ai-history-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.ai-history-content::-webkit-scrollbar-thumb{background:#0ea5e9;border-radius:10px}.ai-history-content::-webkit-scrollbar-thumb:hover{background:#0284c7}.chat-room-card{background:linear-gradient(135deg,#fff,#f0fdf4);border-left:4px solid #28a745}.chat-room-card:hover{border-left-color:#20c997}.unread-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:20px;box-shadow:0 2px 4px #ef44444d;color:#fff;font-size:11px;font-weight:700;padding:6px 14px}.room-id-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.room-id{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#495057;flex:1 1;font-family:Courier New,monospace;font-size:12px;min-width:200px;padding:8px 14px;word-break:break-all}.copy-button{background:linear-gradient(135deg,#0080e0,#0066b3);border:none;border-radius:8px;box-shadow:0 2px 4px #0080e033;color:#fff;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .2s ease}.copy-button:hover{background:linear-gradient(135deg,#0066b3,#0056a3);box-shadow:0 4px 8px #0080e04d;transform:translateY(-1px)}.copy-button:active{transform:translateY(0)}@media (max-width:1200px){.requests-list{grid-template-columns:1fr}}@media (max-width:768px){.support-requests{padding:16px}.support-requests-header{align-items:flex-start;flex-direction:column;gap:16px}.support-requests-header h2{font-size:24px}.request-header{align-items:flex-start;flex-direction:column;gap:12px}.request-badges{justify-content:flex-start;width:100%}.request-actions{flex-direction:column}.btn-accept,.btn-chat{width:100%}.ai-message.user{margin-left:0}.ai-message.assistant{margin-right:0}.info-row{flex-direction:column;gap:4px}.info-row strong{min-width:auto}}.multi-channel-sender{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.mcs-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 28px}.mcs-header-left h3{color:#111827;font-size:20px;font-weight:700;margin:0}.mcs-header-left p{color:#6b7280;font-size:14px;margin:4px 0 0}.mcs-loading{color:#6b7280;padding:40px;text-align:center}.mcs-channels{display:flex;flex-direction:column;gap:12px;padding:24px 28px}.channel-option{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px 20px;text-align:left;transition:all .3s}.channel-option:hover:not(.disabled){background:#f0fdfa;border-color:#06b6d4;transform:translateX(4px)}.channel-option.selected{background:linear-gradient(135deg,#ecfeff,#cffafe);border-color:#06b6d4;box-shadow:0 4px 12px #06b6d433}.channel-option.disabled{background:#f3f4f6;cursor:not-allowed;opacity:.5}.channel-option svg:first-child{flex-shrink:0;font-size:28px}.channel-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.channel-name{color:#111827;font-size:16px;font-weight:700}.channel-address{color:#6b7280;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:13px}.check-icon{color:#10b981;flex-shrink:0;font-size:24px}.no-channels{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px;padding:40px}.no-channels svg{color:#9ca3af;font-size:48px}.mcs-form{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:20px;padding:24px 28px}.form-field{gap:8px}.form-field label{font-size:14px;font-weight:600}.form-field input,.form-field textarea{border:2px solid #e5e7eb;border-radius:10px;color:#111827;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s}.form-field input:focus,.form-field textarea:focus{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a;outline:none}.form-field textarea{min-height:120px;resize:vertical}.mcs-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.mcs-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:0 0 16px 16px;border-top:1px solid #93c5fd;color:#1e40af;display:flex;font-size:13px;gap:12px;padding:16px 28px}.mcs-info svg{color:#3b82f6;flex-shrink:0;font-size:18px;margin-top:2px}.support-chat{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 120px);max-height:calc(100vh - 120px);min-height:650px;overflow:hidden}.chat-columns-container{display:flex;flex:1 1;gap:0;overflow:hidden}.support-chat-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.chat-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:none;box-shadow:0 4px 20px #3b82f64d;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 28px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.chat-header:after{animation:gradientShift 3s ease infinite;background:linear-gradient(90deg,#3b82f6,#2563eb,#60a5fa,#3b82f6);background-size:200% 100%;bottom:0;content:"";height:4px;left:0;position:absolute;right:0}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.header-left{flex:1 1}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 20px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.back-button:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:0 4px 15px #0003;transform:translateX(-5px) scale(1.05)}.back-button:active{transform:translateX(-3px) scale(.98)}.header-info h2{color:#fff;font-size:22px;font-weight:800;letter-spacing:.3px;margin:0 0 8px;text-shadow:0 2px 4px #0003}.header-info p{align-items:center;color:#fffffff2;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0;text-shadow:0 1px 2px #0000001a}.mqtt-status-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:2px solid #ffffff4d;border-radius:25px;box-shadow:0 2px 10px #00000026;color:#fff;display:flex;font-size:14px;font-weight:700;gap:10px;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase}.status-dot{border-radius:50%;height:12px;position:relative;width:12px}.status-dot.connected{animation:pulse-green 2s infinite;background:#28a745;box-shadow:0 0 0 0 #28a745b3}.status-dot.disconnected{animation:pulse-red 2s infinite;background:#dc3545;box-shadow:0 0 0 0 #dc3545b3}@keyframes pulse-green{0%{box-shadow:0 0 0 0 #28a745b3}50%{box-shadow:0 0 0 8px #28a74500}to{box-shadow:0 0 0 0 #28a74500}}@keyframes pulse-red{0%{box-shadow:0 0 0 0 #dc3545b3}50%{box-shadow:0 0 0 8px #dc354500}to{box-shadow:0 0 0 0 #dc354500}}.btn-resolve{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-resolve:hover{background:#218838;box-shadow:0 4px 8px #28a7454d;transform:translateY(-2px)}.resolved-badge{background:#6c757d;border-radius:8px;color:#fff;font-size:14px;font-weight:600;padding:10px 20px}.ai-chat-column{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border-right:3px solid #e0e7ff;display:flex;flex:0 0 45%;flex-direction:column;position:relative}.ai-chat-column:before{animation:gradientFlow 4s ease infinite;background:linear-gradient(180deg,#3b82f6,#60a5fa,#93c5fd,#60a5fa,#3b82f6);background-size:100% 200%;bottom:0;content:"";position:absolute;right:-3px;top:0;width:3px}@keyframes gradientFlow{0%,to{background-position:0 0}50%{background-position:0 100%}}.ai-column-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:2px solid #1d4ed8;box-shadow:0 2px 8px #3b82f64d;color:#fff;display:flex;font-size:16px;font-weight:800;gap:12px;letter-spacing:1px;padding:20px 24px;text-transform:uppercase}.ai-history-section{background:#0000;flex:1 1;overflow-y:auto;padding:24px;position:relative}.live-chat-column{background:#fff;display:flex;flex:1 1;flex-direction:column;position:relative}.live-column-header{background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:2px solid #1d4ed8;box-shadow:0 2px 8px #667eea4d;color:#fff;font-size:16px;letter-spacing:1px;padding:20px 24px}.ai-history-header,.live-column-header{align-items:center;display:flex;font-weight:800;gap:12px;text-transform:uppercase}.ai-history-header{border-bottom:2px solid #3b82f633;color:#1e40af;font-size:17px;letter-spacing:.5px;margin-bottom:24px;padding-bottom:16px}.ai-history-header:before{animation:rotate 4s ease-in-out infinite;content:"🤖";font-size:24px}@keyframes rotate{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.ai-history-messages{margin-bottom:20px;max-height:350px;overflow-x:hidden;overflow-y:auto;padding-right:10px;scroll-behavior:smooth}.ai-message{animation:fadeIn .3s ease;border-radius:12px;margin-bottom:15px;margin-bottom:16px;padding:14px}.ai-message.user-message{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #00000014;border-bottom-right-radius:6px;box-shadow:0 2px 8px #00000014;margin-left:20px;text-align:right}.ai-message.assistant-message{background:linear-gradient(135deg,#bfdbfe,#93c5fd);border:1px solid #3b82f633;border-bottom-left-radius:6px;box-shadow:0 2px 8px #3b82f626;margin-right:20px;text-align:left}.message-role{color:#555;font-size:13px;font-weight:700;margin-bottom:8px}.message-content{word-wrap:break-word;color:#333;font-size:14px;line-height:1.6;white-space:pre-wrap}.message-time{color:#666;font-size:11px;margin-top:8px;text-align:right}.no-ai-history{background:#ffffff80;border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;font-size:15px;font-weight:500;padding:80px 20px;text-align:center}.divider{display:none}.live-chat-messages,.messages-container{-webkit-overflow-scrolling:touch;background:repeating-linear-gradient(0deg,#0000,#0000 35px,#00000005 0,#00000005 36px),linear-gradient(180deg,#f8f9fa 0,#e9ecef);flex:1 1;overflow-x:hidden;overflow-y:auto;padding:24px;scroll-behavior:smooth;scroll-padding-bottom:20px;will-change:scroll-position}.messages-container{position:relative}.no-messages{background:#fff9;border:2px dashed #e2e8f0;border-radius:12px;color:#718096;font-size:16px;font-weight:500;padding:100px 20px;text-align:center}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.message{animation:slideIn .4s cubic-bezier(.68,-.55,.265,1.55);margin-bottom:24px;max-width:75%;position:relative;z-index:1}.my-message{margin-left:auto;text-align:right}.my-message .message-content{animation:slideInRight .4s cubic-bezier(.68,-.55,.265,1.55)}.other-message{margin-right:auto;text-align:left}.other-message .message-content{animation:slideInLeft .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.message-header{align-items:center;display:flex;font-size:13px;justify-content:space-between;margin-bottom:10px;opacity:.85}.sender-name{color:#4a5568;font-weight:700;letter-spacing:.3px;text-transform:capitalize}.my-message .sender-name{color:#3b82f6}.other-message .sender-name{color:#2d3748}.my-message .message-content{word-wrap:break-word;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:20px;border-bottom-right-radius:6px;box-shadow:0 4px 16px #3b82f64d;color:#fff;display:inline-block;font-size:15px;line-height:1.7;max-width:100%;padding:16px 22px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.my-message .message-content:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.my-message .message-content:after{border-color:#0000 #0000 #2563eb;border-style:solid;border-width:0 0 12px 12px;bottom:0;content:"";height:0;position:absolute;right:-6px;width:0}.other-message .message-content{word-wrap:break-word;background:#fff;border:1px solid #0000000d;border-radius:20px;border-bottom-left-radius:6px;box-shadow:0 4px 16px #0000001f;color:#2d3748;display:inline-block;font-size:15px;line-height:1.7;max-width:100%;padding:16px 22px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.other-message .message-content:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.other-message .message-content:after{border-color:#0000 #fff #0000 #0000;border-style:solid;border-width:0 12px 12px 0;bottom:0;content:"";height:0;left:-6px;position:absolute;width:0}.read-indicator{align-items:center;animation:fadeIn .3s ease;color:#48bb78;display:flex;font-size:12px;font-weight:700;gap:4px;margin-top:6px}.message-input{background:#fff;border-top:none;bottom:0;box-shadow:0 -4px 20px #00000014;display:flex;flex-shrink:0;gap:12px;padding:24px 28px;position:-webkit-sticky;position:sticky;z-index:100}.message-input:before{animation:gradientShift 3s ease infinite;background:linear-gradient(90deg,#3b82f6,#2563eb,#60a5fa);background-size:200% 100%;content:"";height:2px;left:0;position:absolute;right:0;top:0}.btn-multi-channel{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:30px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:16px 20px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);white-space:nowrap}.btn-multi-channel:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-3px) scale(1.02)}.btn-multi-channel:active{transform:translateY(-1px) scale(.98)}.btn-multi-channel svg{font-size:18px}.message-input input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:30px;flex:1 1;font-size:15px;padding:16px 24px;transition:all .3s ease}.message-input input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.message-input input:disabled{background:#f1f3f5;cursor:not-allowed;opacity:.7}.send-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:30px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;min-width:120px;padding:16px 32px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.send-button:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666;transform:translateY(-3px) scale(1.02)}.send-button:active:not(:disabled){transform:translateY(-1px) scale(.98)}.send-button:disabled{background:linear-gradient(135deg,#cbd5e0,#a0aec0);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}.connection-warning{animation:slideDown .3s ease;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-top:2px solid #ffc107;bottom:0;color:#856404;flex-shrink:0;font-size:13px;font-weight:600;padding:12px 20px;position:-webkit-sticky;position:sticky;text-align:center;z-index:99}.ai-history-messages::-webkit-scrollbar,.ai-history-section::-webkit-scrollbar,.live-chat-messages::-webkit-scrollbar,.messages-container::-webkit-scrollbar{width:10px}.ai-history-messages::-webkit-scrollbar-track,.ai-history-section::-webkit-scrollbar-track,.live-chat-messages::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track{background:#00000008;border:1px solid #0000000d;border-radius:10px;margin:10px 0}.ai-history-section::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#2563eb);background-clip:padding-box;border:2px solid #0000;border-radius:10px;box-shadow:inset 0 0 6px #3b82f64d;-webkit-transition:all .3s ease;transition:all .3s ease}.ai-history-section::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#60a5fa,#3b82f6);box-shadow:inset 0 0 10px #3b82f666}.ai-history-messages::-webkit-scrollbar-thumb,.live-chat-messages::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#2563eb);background-clip:padding-box;border:2px solid #0000;border-radius:10px;box-shadow:inset 0 0 6px #0003;-webkit-transition:all .3s ease;transition:all .3s ease}.ai-history-messages::-webkit-scrollbar-thumb:hover,.live-chat-messages::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2563eb,#60a5fa);box-shadow:inset 0 0 10px #0000004d;transform:scaleX(1.1)}.ai-history-messages::-webkit-scrollbar-thumb:active,.live-chat-messages::-webkit-scrollbar-thumb:active,.messages-container::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#60a5fa,#3b82f6)}.ai-history-messages,.ai-history-section,.live-chat-messages,.messages-container{scrollbar-width:thin}.ai-history-messages,.ai-history-section,.live-chat-messages,.messages-container{scrollbar-color:#3b82f6 #0000000d}.scroll-to-bottom{align-items:center;animation:bounceIn .5s ease;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:24px;bottom:20px;box-shadow:0 4px 20px #3b82f666;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:.5px;min-width:140px;padding:12px 20px;position:absolute;right:20px;text-transform:uppercase;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);z-index:10}.scroll-to-bottom:hover{box-shadow:0 6px 25px #3b82f680;transform:translateY(-5px) scale(1.1)}.scroll-to-bottom:active{transform:translateY(-3px) scale(1.05)}.live-chat-messages{position:relative}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(20px)}50%{transform:scale(1.1) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.scroll-to-bottom.hidden{opacity:0;pointer-events:none;transform:scale(.3) translateY(20px)}.messages-container.scrolling{scroll-behavior:smooth}.messages-container:before{background:linear-gradient(180deg,#f8f9fa,#0000);top:0}.messages-container:after,.messages-container:before{content:"";display:block;height:20px;left:0;pointer-events:none;position:-webkit-sticky;position:sticky;right:0;z-index:2}.messages-container:after{background:linear-gradient(180deg,#0000,#e9ecef);bottom:0}@media (max-width:1024px){.chat-columns-container{flex-direction:column}.ai-chat-column{border-bottom:3px solid #e0e7ff;border-right:none;flex:0 0 auto;max-height:40vh}.ai-chat-column:before{background:linear-gradient(90deg,#3b82f6,#60a5fa,#93c5fd,#60a5fa,#3b82f6);background-size:200% 100%;bottom:-3px;height:3px;left:0;right:0;top:auto;width:100%}.live-chat-column{flex:1 1}.ai-column-header,.live-column-header{font-size:14px;padding:16px 20px}.ai-history-section{max-height:none}}@media (max-width:768px){.support-chat{height:calc(100vh - 80px);min-height:600px}.live-chat-messages,.messages-container{min-height:200px;padding:16px}.chat-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px;position:-webkit-sticky;position:sticky;top:0}.header-info h2{font-size:18px}.header-info p{font-size:13px}.ai-chat-column{max-height:35vh}.header-left{align-items:flex-start;flex-direction:column;gap:10px;width:100%}.header-right{justify-content:space-between;width:100%}.back-button{width:100%}.message{max-width:85%}.ai-message.user-message{margin-left:10px}.ai-message.assistant-message{margin-right:10px}.message-input{gap:8px;padding:15px}.send-button{min-width:80px;padding:14px 20px}.btn-multi-channel{font-size:12px;padding:12px 16px}.btn-multi-channel span{display:none}}.modal-overlay .modal{background:#0000;box-shadow:none;max-width:600px;width:100%}.support-chat-management{background:#f5f7fa;border-radius:8px;height:100%;overflow:hidden;width:100%}.support-chat-management *{box-sizing:border-box}.support-chat-management>div{animation:fadeIn .3s ease}.change-requests-management{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:30px}.section-header{flex-wrap:wrap;gap:20px}.section-header h2{font-size:24px}.filters-section{background:#f5f7fa;padding:20px}.filter-input,.filter-select{border:1px solid #d0d5dd;border-radius:8px;font-size:14px;min-width:200px;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease}.filter-input:focus,.filter-select:focus{border-color:#0080e0;box-shadow:0 0 0 2px #0080e026;outline:none}.btn-clear-filters{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-clear-filters:hover{background:#5a6268}.summary{background:#e3f2fd;border-radius:8px;color:#333;font-size:14px;margin-bottom:20px;padding:15px}.empty-state{font-size:18px}.change-requests-list{display:flex;flex-direction:column;gap:20px}.change-request-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s ease}.change-request-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.header-left{flex-wrap:wrap;gap:15px}.header-left h3{color:#333;font-size:20px;margin:0}.btn-view{background:#0080e0;border-radius:6px;font-size:14px;transition:all .3s ease}.btn-view:hover{background:#0066c2;box-shadow:0 4px 12px #0080e066;transform:translateY(-2px)}.btn-delete{align-items:center;background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:8px 12px;transition:all .3s ease}.btn-delete:hover{background:#c82333;box-shadow:0 4px 12px #dc354566;transform:translateY(-2px)}.card-body{display:flex;flex-direction:column;gap:15px}.info-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{color:#666;font-size:14px}.info-item strong{color:#333;margin-right:8px}.description-section{background:#f9f9f9;border-left:4px solid #0080e0;border-radius:8px;padding:15px}.description-section strong{color:#333;display:block;margin-bottom:8px}.description-section p{color:#666;line-height:1.6;margin:0}.phase-changes-section{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;padding:15px}.phase-changes-section strong{color:#333;display:block;margin-bottom:12px}.phase-changes-list{display:flex;flex-direction:column;gap:12px}.phase-change-item{background:#fff;border:1px solid #d0d5dd;border-radius:6px;padding:12px}.phase-change-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.phase-number{color:#333;font-weight:600}.phase-id{color:#666;font-size:12px}.phase-change-details p{color:#666;margin:8px 0}.phase-stats{color:#0080e0;display:flex;font-size:14px;font-weight:600;gap:20px;margin-top:8px}.action-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 10px;text-transform:uppercase}.action-badge.create{background:#d4edda;color:#155724}.action-badge.update{background:#fff3cd;color:#856404}.action-badge.delete{background:#f8d7da;color:#721c24}.budget-change-section{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;color:#856404;font-size:16px;font-weight:600;padding:15px}.agreement-section{background:#f9f9f9;border-radius:8px;padding:15px}.agreement-section strong{color:#333;display:block;margin-bottom:10px}.agreement-status{display:flex;flex-direction:column;gap:8px}.agreement-status span{border-radius:6px;font-size:14px;padding:8px 12px}.agreement-status .agreed{background:#d4edda;color:#155724}.agreement-status .not-agreed{background:#f8d7da;color:#721c24}.agreement-status .both-agreed{background:#cce5ff;color:#004085;font-weight:600}.agreed-changes-section,.response-section{background:#f9f9f9;border-radius:8px;padding:15px}.agreed-changes-section strong,.response-section strong{color:#333;display:block;margin-bottom:8px}.agreed-changes-section p,.response-section p{color:#666;line-height:1.6;margin:8px 0}.response-meta{color:#999;font-size:12px;font-style:italic}.signing-section{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;padding:15px}.signing-section strong{color:#333;display:block;margin-bottom:8px}.signing-section p{color:#666;font-size:14px;margin:4px 0}.document-link{color:#0080e0;font-weight:600;text-decoration:none}.document-link:hover{text-decoration:underline}.rejection-section{background:#f8d7da;border-left:4px solid #dc3545;border-radius:8px;padding:15px}.rejection-section strong{color:#721c24;display:block;margin-bottom:8px}.rejection-section p{color:#721c24;margin:4px 0}.rejection-meta{font-size:12px;font-style:italic}.completion-section{background:#d4edda;border-left:4px solid #28a745;border-radius:8px;color:#155724;font-weight:600;padding:15px}.status-badge.responded{background:#cce5ff;color:#004085}.status-badge.agreed{background:#d4edda;color:#155724}.status-badge.pending-signature{background:#e3f2fd;color:#1976d2}.status-badge.technician-signed,.status-badge.user-signed{background:#fff3cd;color:#856404}.status-badge.both-signed{background:#d4edda;color:#155724}.status-badge.rejected{background:#f8d7da;color:#721c24}.delete-modal-overlay,.details-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.delete-modal-content,.details-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.delete-modal-header,.modal-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.delete-modal-header h3,.modal-header h3{color:#333;font-size:20px;margin:0}.close-btn:hover:not(:disabled){background:#f0f0f0;color:#333}.close-btn:disabled{cursor:not-allowed;opacity:.5}.detail-section{border-bottom:1px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px}.detail-section:last-child{border-bottom:none}.detail-section h4{font-size:18px}.detail-section p{color:#666;line-height:1.6;margin:8px 0}.detail-section strong{color:#333;margin-right:8px}.phase-detail{background:#f9f9f9;border-radius:8px;margin-bottom:15px;padding:15px}.phase-detail p{margin:6px 0}.delete-modal-body{padding:30px}.delete-modal-body p{color:#666;margin:10px 0}.reason-input{margin-top:20px}.reason-input label{color:#333;display:block;font-weight:600;margin-bottom:8px}.reason-input textarea{border:1px solid #d0d5dd;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.reason-input textarea:focus{border-color:#0080e0;box-shadow:0 0 0 2px #0080e026;outline:none}.reason-input textarea:disabled{background:#f5f5f5;cursor:not-allowed}.delete-modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:20px 30px}.btn-cancel{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-cancel:hover:not(:disabled){background:#5a6268}.btn-cancel:disabled{cursor:not-allowed;opacity:.6}.btn-confirm-delete{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-confirm-delete:hover:not(:disabled){background:#c82333;box-shadow:0 4px 12px #dc354566;transform:translateY(-2px)}.btn-confirm-delete:disabled{cursor:not-allowed;opacity:.6}.projects-dashboard{background:#0000;border-radius:0;min-height:100vh;padding:0}.dashboard-error,.dashboard-loading{color:#666;font-size:18px;padding:60px;text-align:center}.dashboard-header-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.header-left h2{align-items:center;color:#1e293b;display:flex;font-size:28px;gap:12px}.btn-refresh{padding:10px 20px}.summary-card{background:linear-gradient(135deg,#0080e0,#0066c2);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 24px #0080e040;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1)}.summary-card.total-projects{background:#0080e0;box-shadow:0 6px 20px #0080e040}.summary-card.total-projects:hover{background:#0066c2;box-shadow:0 12px 35px #0080e059}.summary-card.total-budget{background:#0080e0;box-shadow:0 6px 20px #0080e040}.summary-card.total-budget:hover{background:#0066c2;box-shadow:0 12px 35px #0080e059}.summary-card.total-paid{background:#0080e0;box-shadow:0 6px 20px #0080e040}.summary-card.total-paid:hover{background:#0066c2;box-shadow:0 12px 35px #0080e059}.summary-card.total-remaining{background:#0080e0;box-shadow:0 6px 20px #0080e040}.summary-card.total-remaining:hover{background:#0066c2;box-shadow:0 12px 35px #0080e059}.card-percentage{color:#fff;font-size:14px;margin:5px 0 0;opacity:.9}.charts-section{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-card.full-width{grid-column:1/-1}.chart-card h3{font-weight:600}.filter-select,.search-input{border:1px solid #d0d5dd;border-radius:8px;font-size:14px;min-width:150px;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease}.search-input{min-width:300px}.filter-select:focus,.search-input:focus{border-color:#0080e0;box-shadow:0 0 0 2px #0080e026;outline:none}.projects-grid-section{margin-top:30px}.section-header-with-count{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.section-header-with-count h3{color:#333;font-size:22px;font-weight:600;margin:0}.view-toggle{gap:10px}.view-btn{background:#fff;border:1px solid #e0e0e0;font-size:14px;padding:8px 16px;transition:all .3s ease}.view-btn.active{background:#0080e0;border-color:#0080e0}.empty-state{font-size:16px;padding:60px}.projects-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.project-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;gap:16px;padding:24px;transition:all .3s ease}.project-card:hover{border-color:#0080e0;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.project-card-header{align-items:center;display:flex;justify-content:space-between}.project-id-badge{background:linear-gradient(135deg,#0080e0,#0066c2);border-radius:20px;color:#fff;font-size:14px;font-weight:700;padding:6px 12px}.project-description h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:16px;font-weight:600;line-height:1.4;margin:0;overflow:hidden}.project-chart-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;display:flex;justify-content:center;min-height:140px;padding:20px;position:relative}.project-chart-wrapper{height:120px;position:relative;width:100%}.chart-center-label{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.center-percentage{color:#0080e0;font-size:24px;font-weight:700;line-height:1}.center-label{color:#666;font-size:12px;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.project-financial-summary{grid-gap:12px;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:10px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding:16px}.financial-item{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;display:flex;padding:16px;transition:all .3s ease}.financial-item:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-4px)}.financial-item.budget{border-color:#0080e0}.financial-item.budget:hover{box-shadow:0 6px 16px #0080e04d}.financial-item.paid{border-color:#28a745}.financial-item.paid:hover{box-shadow:0 6px 16px #28a7454d}.financial-item.remaining{border-color:#ffc107}.financial-item.remaining:hover{box-shadow:0 6px 16px #ffc1074d}.financial-content{flex:1 1;text-align:center}.financial-label{color:#666;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.financial-value{color:#333;display:block;font-size:18px;font-weight:700;margin-bottom:4px}.financial-percentage{display:block;font-size:11px;font-weight:600;margin-bottom:6px}.financial-breakdown{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:6px}.breakdown-item{background:#0000000d;border-radius:8px;color:#666;font-size:10px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.financial-item.budget .financial-value{color:#0080e0}.financial-item.paid .financial-percentage,.financial-item.paid .financial-value{color:#28a745}.financial-item.remaining .financial-percentage,.financial-item.remaining .financial-value{color:#ffc107}.project-progress-bar{margin-top:8px}.progress-bar-container{background:#e9ecef;border-radius:10px;display:flex;height:8px;overflow:hidden}.progress-bar-fill{height:100%;transition:width .5s ease}.progress-bar-fill.paid{background:linear-gradient(90deg,#28a745,#20c997)}.progress-bar-fill.remaining{background:linear-gradient(90deg,#ffc107,#ff9800)}.project-phases-info{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:10px;padding:16px}.phases-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.phase-stat{background:#fff;border-radius:8px;padding:8px;text-align:center;transition:all .3s ease}.phase-stat:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.phase-stat-value{color:#0080e0;display:block;font-size:20px;font-weight:700;line-height:1.2}.phase-stat-value.paid{color:#28a745}.phase-stat-value.completed{color:#17a2b8}.phase-stat-value.pending{color:#ffc107}.phase-stat-label{color:#666;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.project-people-info{grid-gap:12px;background:#f8f9fa;border-radius:10px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding:16px}.people-item{background:#fff;border-left:3px solid #0080e0;border-radius:8px;padding:12px}.people-label{color:#666;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.people-name{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.people-contact{color:#666;font-size:12px}.project-contracts-info{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:10px;padding:16px}.contracts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.contracts-label{color:#333;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.contracts-count{background:#0080e0;border-radius:12px;color:#fff;font-size:12px;font-weight:700;padding:4px 12px}.contracts-summary{display:flex;flex-wrap:wrap;gap:8px}.contract-badge{border-radius:12px;font-size:11px;font-weight:600;padding:6px 12px;text-transform:uppercase}.contract-badge.first{background:#d4edda;color:#155724}.contract-badge.amendment{background:#fff3cd;color:#856404}.contract-badge.additional{background:#cce5ff;color:#004085}.project-card-actions{border-top:1px solid #e9ecef;margin-top:auto;padding-top:12px}.btn-view-full-details{background:linear-gradient(135deg,#0080e0,#0066c2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.btn-view-full-details:hover{background:linear-gradient(135deg,#0066c2,#0056a3);box-shadow:0 4px 12px #0080e066;transform:translateY(-2px)}.status-badge{padding:6px 12px}.status-badge.approved{background:#d4edda;color:#155724}.status-badge.in-progress{background:#cce5ff;color:#004085}.status-badge.suspended{background:#f8d7da;color:#721c24}.btn-view-details{font-size:14px}.btn-view-details:hover{box-shadow:0 4px 12px #0080e066}.project-details-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 25px 80px #0006;max-height:95vh;max-width:1200px;overflow-y:auto;width:100%}.modal-header-enhanced{align-items:flex-start;background:linear-gradient(135deg,#0080e0,#0066c2);border-radius:20px 20px 0 0;color:#fff;padding:30px 35px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header-left{flex:1 1}.modal-project-id{font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:8px;opacity:.9;text-transform:uppercase}.modal-header-enhanced h3{font-size:24px;font-weight:700;line-height:1.3;margin:0 0 15px}.modal-status-badges{display:flex;flex-wrap:wrap;gap:10px}.modal-status-badges .status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;color:#fff}.close-btn{color:#666}.close-btn:hover{background:#f0f0f0}.modal-body-enhanced{background:#f8f9fa;padding:35px}.modal-financial-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:35px}.financial-overview-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 15px #00000014;display:flex;gap:20px;padding:25px;transition:all .3s ease}.financial-overview-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.financial-overview-card.budget-card{border-left:4px solid #0080e0}.financial-overview-card.paid-card{border-left:4px solid #28a745}.financial-overview-card.remaining-card{border-left:4px solid #ffc107}.financial-overview-card.phases-card{border-left:4px solid #6f42c1}.financial-card-icon{color:#0080e0;font-size:40px;opacity:.8}.paid-card .financial-card-icon{color:#28a745}.remaining-card .financial-card-icon{color:#ffc107}.phases-card .financial-card-icon{color:#6f42c1}.financial-card-content{flex:1 1}.financial-card-label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.financial-card-value{color:#333;font-size:24px;font-weight:700;margin-bottom:4px}.financial-card-percentage{font-size:14px;font-weight:600}.paid-card .financial-card-percentage{color:#28a745}.remaining-card .financial-card-percentage{color:#ffc107}.financial-card-subtext{color:#666;font-size:13px;margin-top:4px}.modal-chart-section{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;margin-bottom:35px;padding:30px}.section-title{color:#333;font-weight:700;gap:10px;margin:0 0 25px}.modal-chart-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;display:flex;justify-content:center;min-height:280px;padding:20px}.modal-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:35px}.info-card{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;overflow:hidden;transition:all .3s ease}.info-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.info-card-header{align-items:center;background:linear-gradient(135deg,#0080e0,#0066c2);color:#fff;display:flex;gap:12px;padding:20px}.info-card-header h4{font-size:16px;font-weight:600;margin:0}.info-card-header svg{font-size:20px}.info-card-body{padding:20px}.info-row{align-items:flex-start;border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:12px 0}.info-row:last-child{border-bottom:none}.info-label{color:#666;font-size:14px;min-width:120px}.info-value{color:#333;flex:1 1;font-size:14px;text-align:right;word-break:break-word}.info-empty{color:#999;font-style:italic;padding:30px;text-align:center}.modal-phases-section{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;padding:30px}.phases-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.phases-summary-badges{display:flex;flex-wrap:wrap;gap:10px}.summary-badge{border-radius:20px;font-size:13px;font-weight:600;padding:8px 16px}.summary-badge.paid{background:#d4edda;color:#155724}.summary-badge.pending{background:#fff3cd;color:#856404}.summary-badge.completed{background:#cce5ff;color:#004085}.phases-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.phase-card-enhanced{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:16px;overflow:hidden;transition:all .3s ease}.phase-card-enhanced:hover{border-color:#0080e0;box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.phase-card-header-enhanced{align-items:center;background:linear-gradient(135deg,#0080e0,#0066c2);color:#fff;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:18px 20px}.phase-number-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;font-size:18px;font-weight:700;padding:6px 14px}.phase-status-badges{display:flex;flex-wrap:wrap;gap:8px}.phase-badge-small{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:16px;display:flex;font-size:11px;font-weight:600;gap:4px;padding:6px 12px}.phase-badge-small.approved{background:#28a7454d}.phase-badge-small.completed{background:#0080e04d}.phase-card-body{padding:20px}.phase-description{margin-bottom:20px}.phase-description strong{color:#333;display:block;font-size:13px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.phase-description p{color:#666;font-size:14px;line-height:1.6;margin:0}.phase-metrics{grid-gap:15px;background:#fff;border-radius:12px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:20px;padding:15px}.phase-metric{gap:12px}.metric-icon,.phase-metric{align-items:center;display:flex}.metric-icon{background:linear-gradient(135deg,#0080e0,#0066c2);border-radius:10px;color:#fff;font-size:18px;height:40px;justify-content:center;width:40px}.metric-content{flex:1 1}.metric-label{color:#666;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.metric-value{color:#333;font-size:18px;font-weight:700}.phase-timeline{border-top:1px solid #e9ecef;padding-top:20px}.timeline-item{align-items:flex-start;display:flex;gap:12px;margin-bottom:15px}.timeline-item:last-child{margin-bottom:0}.timeline-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.timeline-icon.paid{background:#d4edda;color:#28a745}.timeline-icon.created{background:#cce5ff;color:#0080e0}.timeline-icon.updated{background:#fff3cd;color:#ffc107}.timeline-label{color:#666;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.timeline-value{color:#333;font-size:13px;font-weight:500}.phase-financial-overview{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:16px;display:flex;gap:25px;margin:20px 0;overflow:hidden;padding:25px;width:100%}@media (max-width:768px){.phase-financial-overview{flex-direction:column}}.phase-chart-section{align-items:center;display:flex;flex-shrink:0;height:160px;justify-content:center;overflow:visible;position:relative;width:160px}.phase-chart-center{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.phase-percentage{color:#28a745;font-size:22px;font-weight:700;line-height:1}.phase-percentage-label{color:#666;font-size:10px;font-weight:600;margin-top:4px}.phase-amounts-grid{grid-gap:15px;display:grid;flex:1 1;gap:15px;grid-template-columns:repeat(3,1fr);min-width:0;overflow:hidden}.phase-amount-card{align-items:center;background:#fff;border:2px solid;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;justify-content:center;min-height:110px;overflow:hidden;padding:12px 8px;text-align:center;transition:all .3s ease}.phase-amount-card:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-4px)}.phase-amount-card.total{border-color:#0080e0}.phase-amount-card.paid{border-color:#28a745}.phase-amount-card.remaining{border-color:#ffc107}.amount-card-label{color:#666;font-size:9px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase;width:100%}.amount-card-value{color:#333;font-size:16px;font-weight:700;line-height:1;margin-bottom:3px;width:100%;word-break:break-word}.phase-amount-card.total .amount-card-value{color:#0080e0}.phase-amount-card.paid .amount-card-value{color:#28a745}.phase-amount-card.remaining .amount-card-value{color:#ffc107}.amount-card-currency{color:#999;font-size:9px;font-weight:600;margin-bottom:6px;width:100%}.amount-card-badge{background:#0000000d;border-radius:6px;color:#666;font-size:8px;font-weight:600;max-width:100%;overflow:hidden;padding:3px 8px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.payment-progress-section-compact{margin:15px 0}.payment-progress-section-compact .payment-progress-bar{background:#e9ecef;border-radius:6px;box-shadow:inset 0 2px 4px #0000001a;height:12px;overflow:hidden}.payment-progress-section{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:12px;margin:20px 0;padding:20px}.payment-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.progress-label{color:#333;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.progress-percentage{color:#0080e0;font-size:20px;font-weight:700}.payment-progress-bar{background:#e9ecef;border-radius:12px;box-shadow:inset 0 2px 4px #0000001a;height:24px;margin-bottom:16px;overflow:hidden;position:relative}.payment-progress-fill{align-items:center;color:#fff;display:flex;font-size:11px;font-weight:700;height:100%;justify-content:flex-end;padding-right:8px;position:relative;transition:width .5s ease,background .3s ease}.payment-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.payment-progress-fill.fully-paid{background:linear-gradient(90deg,#28a745,#20c997)}.payment-progress-fill.partially-paid{background:linear-gradient(90deg,#ffc107,#ff9800)}.payment-progress-fill.unpaid{background:linear-gradient(90deg,#6c757d,#5a6268)}.payment-amounts{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.payment-amount-item{background:#fff;border-left:4px solid;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.payment-amount-item.paid{border-left-color:#28a745}.payment-amount-item.remaining{border-left-color:#ffc107}.amount-label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.amount-value{color:#333;font-size:15px;font-weight:700}.payment-amount-item.paid .amount-value{color:#28a745}.payment-amount-item.remaining .amount-value{color:#ffc107}.payment-request-alert{animation:pulse 2s infinite;background:linear-gradient(135deg,#fff3cd,#fffbe6);border-left:4px solid #ffc107;border-radius:12px;margin:20px 0;padding:16px}.alert-header{align-items:center;display:flex;margin-bottom:12px}.alert-title{color:#856404;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.alert-content{display:flex;flex-direction:column;gap:8px}.alert-row{align-items:flex-start;border-bottom:1px solid #8564041a;display:flex;justify-content:space-between;padding:8px 0}.alert-row:last-child{border-bottom:none}.alert-label{color:#856404;font-size:12px;font-weight:600;min-width:100px}.alert-value{color:#333;flex:1 1;font-size:12px;font-weight:500;text-align:right}.modal-contracts-section{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;margin-bottom:35px;padding:30px}.contracts-subsection{margin-bottom:30px}.contracts-subsection:last-child{margin-bottom:0}.subsection-title{border-bottom:2px solid #e9ecef;color:#0080e0;font-size:18px;font-weight:700;margin:0 0 20px;padding-bottom:12px}.change-requests-list,.contracts-list{display:flex;flex-direction:column;gap:15px}.change-request-item,.contract-item{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:12px;padding:20px;transition:all .3s ease}.change-request-item:hover,.contract-item:hover{border-color:#0080e0;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.contract-header{margin-bottom:15px}.contract-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.contract-name{color:#333;font-size:16px;font-weight:700}.contract-type-badge{border-radius:16px;font-size:11px;font-weight:600;padding:6px 12px;text-transform:uppercase}.contract-type-badge.first{background:#d4edda;color:#155724}.contract-type-badge.amendment{background:#fff3cd;color:#856404}.contract-status{align-items:center;background:#d4edda;border-radius:16px;color:#155724;display:flex;font-size:11px;font-weight:600;gap:6px;padding:6px 12px}.contract-chain{color:#666;font-size:12px;font-style:italic}.contract-details{display:flex;flex-direction:column;gap:10px}.contract-detail-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.contract-detail-row:last-of-type{border-bottom:none}.contract-links{border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:12px}.contract-link{align-items:center;background:#0080e0;border-radius:8px;color:#fff;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;text-decoration:none;transition:all .3s ease}.contract-link:hover{background:#0066c2;box-shadow:0 4px 12px #0080e066;transform:translateY(-2px)}.contract-urls-list{display:flex;flex-direction:column;gap:10px}.contract-url-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;color:#333;display:flex;gap:12px;padding:15px;text-decoration:none;transition:all .3s ease}.contract-url-item:hover{background:#e9ecef;border-color:#0080e0;transform:translateX(4px)}.contract-url-item svg{color:#0080e0;font-size:18px}.contract-url-item span:first-of-type{font-size:14px;font-weight:600}.url-preview{color:#666;flex:1 1;font-family:monospace;font-size:12px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.cr-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px}.cr-name{color:#333;font-size:16px;font-weight:700}.cr-status-badge{border-radius:16px;font-size:11px;font-weight:600;padding:6px 12px;text-transform:uppercase}.cr-status-badge.pending{background:#fff3cd;color:#856404}.cr-status-badge.agreed{background:#d4edda;color:#155724}.cr-status-badge.completed{background:#cce5ff;color:#004085}.cr-status-badge.rejected{background:#f8d7da;color:#721c24}.cr-description{background:#fff;border-left:3px solid #0080e0;border-radius:8px;color:#666;font-size:14px;line-height:1.6;margin-bottom:12px;padding:12px}.cr-details{display:flex;flex-direction:column;gap:8px}.cr-detail-row{align-items:center;display:flex;font-size:13px;justify-content:space-between}.payment-badge{border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.payment-badge.paid{background:#d4edda;color:#155724}.payment-badge.pending{background:#fff3cd;color:#856404}.payment-badge.requested{background:#cce5ff;color:#004085}.phase-badge.approved{background:#d4edda;color:#155724}.phase-badge.approved,.phase-badge.completed{align-items:center;border-radius:12px;display:flex;font-size:11px;gap:4px;padding:4px 8px}.phase-badge.completed{background:#cce5ff;color:#004085}.phase-details p{color:#666;font-size:14px;margin:6px 0}.phase-details strong{color:#333;margin-right:8px}@media (max-width:768px){.charts-section,.summary-cards-grid{grid-template-columns:1fr}.chart-card.full-width{grid-column:1}.filters-section{align-items:stretch;flex-direction:column}.filter-select,.search-input{min-width:0;min-width:auto;width:100%}.project-financial-summary,.projects-grid{grid-template-columns:1fr}.phases-summary{grid-template-columns:repeat(2,1fr)}.project-people-info{grid-template-columns:1fr}}.maintenance-control-section{background:#fff;border-left:6px solid #0080e0;border-radius:16px;box-shadow:0 4px 15px #00000014;margin-bottom:30px;padding:25px;transition:all .3s ease}.maintenance-control-section.disabled{background:linear-gradient(135deg,#f0fff4,#fff);border-left-color:#28a745}.maintenance-control-section.register_only{background:linear-gradient(135deg,#fffef0,#fff);border-left-color:#ffc107}.maintenance-control-section.full_lockdown{background:linear-gradient(135deg,#fff0f0,#fff);border-left-color:#dc3545}.maintenance-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.maintenance-title{align-items:center;display:flex;gap:12px}.maintenance-title h3{color:#333;font-size:20px;margin:0}.maintenance-icon{color:#0080e0;font-size:24px}.maintenance-mode-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.maintenance-mode-badge.disabled{background:#d4edda;color:#155724}.maintenance-mode-badge.register_only{background:#fff3cd;color:#856404}.maintenance-mode-badge.full_lockdown{background:#f8d7da;color:#721c24}.maintenance-actions{display:flex;gap:10px}.btn-maintenance-edit,.btn-maintenance-refresh{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-maintenance-edit{background:#0080e0;color:#fff}.btn-maintenance-edit:hover:not(:disabled){background:#0066c2;box-shadow:0 4px 12px #0080e04d;transform:translateY(-2px)}.btn-maintenance-refresh{background:#6c757d;color:#fff}.btn-maintenance-refresh:hover:not(:disabled){background:#545b62;transform:translateY(-2px)}.btn-maintenance-edit:disabled,.btn-maintenance-refresh:disabled{cursor:not-allowed;opacity:.5}.maintenance-status-display{background:#fff;border:2px solid #f0f0f0;border-radius:12px;margin-bottom:20px;padding:20px}.status-info{grid-gap:12px;display:grid;gap:12px;margin-bottom:15px}.status-item{align-items:flex-start;gap:10px}.status-label{color:#666;font-size:14px;min-width:140px}.status-value{color:#333;flex:1 1;font-size:14px}.mode-description{border-radius:8px;margin-top:15px;padding:15px}.mode-info{font-size:14px;line-height:1.6}.mode-info.normal{background:#e8f5e9;border-left:4px solid #4caf50;color:#2e7d32;padding:12px}.mode-info.warning{background:#fff9e6;border-left:4px solid #ffc107;color:#f57c00;padding:12px}.mode-info.danger{background:#ffebee;border-left:4px solid #f44336;color:#c62828;padding:12px}.maintenance-edit-panel{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;margin-top:20px;padding:25px}.maintenance-edit-panel h4{color:#333;font-size:18px;margin:0 0 20px}.maintenance-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.form-group label{color:#555}.maintenance-textarea{border:2px solid #dee2e6;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:all .3s ease}.maintenance-textarea:focus{border-color:#0080e0;box-shadow:0 0 0 3px #0080e01a;outline:none}.maintenance-buttons-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.btn-maintenance-action{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:16px 20px;text-align:left;transition:all .3s ease}.btn-maintenance-action svg{flex-shrink:0;font-size:24px}.btn-maintenance-action div{display:flex;flex-direction:column;gap:4px}.btn-maintenance-action strong{display:block;font-size:14px}.btn-maintenance-action small{display:block;font-size:11px;font-weight:400;opacity:.9}.btn-maintenance-action.disable{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-maintenance-action.disable:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1fa384);box-shadow:0 6px 20px #28a74566;transform:translateY(-3px)}.btn-maintenance-action.register-only{background:linear-gradient(135deg,#ffc107,#ffb300);color:#333}.btn-maintenance-action.register-only:hover:not(:disabled){background:linear-gradient(135deg,#e0a800,#e69500);box-shadow:0 6px 20px #ffc10766;transform:translateY(-3px)}.btn-maintenance-action.full-lockdown{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.btn-maintenance-action.full-lockdown:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 6px 20px #dc354566;transform:translateY(-3px)}.btn-maintenance-action.update{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.btn-maintenance-action.update:hover:not(:disabled){background:linear-gradient(135deg,#138496,#117a8b);box-shadow:0 6px 20px #17a2b866;transform:translateY(-3px)}.btn-maintenance-action:disabled{cursor:not-allowed;opacity:.5;transform:none!important}@media (max-width:768px){.maintenance-header,.maintenance-title{align-items:flex-start;flex-direction:column}.maintenance-buttons-grid{grid-template-columns:1fr}.status-item{flex-direction:column}.status-label{min-width:0;min-width:auto}}.transactions-management{background:linear-gradient(135deg,#f5f7fa,#fff);border-radius:12px;min-height:100vh;padding:30px}.transactions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.transactions-header h2{color:#333;font-size:28px;font-weight:700;margin:0}.btn-refresh{border:none;padding:12px 24px;transition:all .3s ease}.btn-refresh:hover{background:#0066c2;box-shadow:0 4px 12px #0080e066;transform:translateY(-2px)}.summary-cards-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.summary-card{background:#0080e0;box-shadow:0 6px 20px #0080e040;color:#fff;gap:20px;overflow:hidden;padding:28px;position:relative}.summary-card:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;transition:all .5s ease;width:200%}.summary-card:hover{background:#0066c2;box-shadow:0 12px 35px #0080e059;transform:translateY(-8px) scale(1.02)}.summary-card:hover:before{right:-30%;top:-30%}.card-icon{color:#fff;font-size:48px;opacity:.9}.card-content h3{color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;opacity:1;text-transform:uppercase}.card-value{color:#fff;font-size:28px;font-weight:700;margin:0}.charts-section{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:40px}.chart-card{background:#fff;border:1px solid #e8e8e8;box-shadow:0 4px 15px #00000014;padding:25px;transition:all .3s ease}.chart-card:hover{border-color:#0080e0;box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.chart-card h3{color:#333;font-size:18px;font-weight:700;margin:0 0 20px}.filters-section{align-items:flex-end;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 2px 12px #0000000f;gap:15px;margin-bottom:30px;padding:24px}.filter-group{flex-direction:column}.filter-group label{font-size:13px;gap:6px}.filter-group input[type=date],.filter-group input[type=text],.filter-group select{border:1px solid #e0e0e0;border-radius:8px;font-size:14px;min-width:150px;padding:10px 14px;transition:all .3s ease}.filter-group input:focus,.filter-group select:focus{border-color:#0080e0;box-shadow:0 0 0 3px #0080e01a;outline:none}.search-group input{min-width:300px}.filter-group span{color:#666;font-size:14px;padding:10px 8px}.transactions-list{background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 4px 15px #00000014;padding:25px}.list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.list-header h3{color:#333;font-size:20px;font-weight:700;margin:0}.btn-export{background:#28a745;border-radius:8px;padding:10px 20px;transition:all .3s ease}.btn-export:hover{background:#218838;box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.table-container{border:1px solid #e8e8e8;border-radius:12px}.transactions-table{background:#fff}.transactions-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.transactions-table th{border-bottom:2px solid #e0e0e0;font-size:13px;font-weight:700;letter-spacing:.5px;padding:16px;text-transform:uppercase;white-space:nowrap}.transactions-table td{border-bottom:1px solid #f0f0f0;color:#666;font-size:14px;padding:16px}.transactions-table tbody tr{transition:all .2s ease}.transactions-table tbody tr:hover{transform:translateX(4px)}.transaction-id{color:#0080e0;font-family:monospace;font-weight:600}.user-info{display:flex;flex-direction:column;gap:4px}.user-phone{color:#999;font-size:12px}.amount-cell{color:#28a745;font-size:15px;font-weight:700}.status-badge,.type-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:6px 12px;text-transform:uppercase}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.failed{background:#f8d7da;color:#721c24}.type-badge.payment{background:#cce5ff;color:#004085}.type-badge.subscription{background:#d4edda;color:#155724}.type-badge.refund{background:#fff3cd;color:#856404}.btn-view-details{background:#0080e0;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-view-details:hover{background:#0066c2;box-shadow:0 4px 8px #0080e04d;transform:translateY(-2px)}.empty-state,.loading-state{color:#999;padding:60px}.modal-overlay{animation:fadeIn .3s ease}.transaction-details-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 25px 80px #0006;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #e0e0e0;padding:25px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.close-btn{background:#f0f0f0;border-radius:50%;height:36px;padding:8px;transition:all .3s ease;width:36px}.close-btn:hover{background:#e0e0e0;transform:rotate(90deg)}.modal-body{padding:30px}.detail-section{background:#f9f9f9;border-left:4px solid #0080e0;border-radius:12px;margin-bottom:20px;padding:20px}.detail-section:last-child{margin-bottom:0}.detail-section h4{color:#0080e0;font-size:16px;margin:0 0 15px}.detail-row{border-bottom:1px solid #e9ecef}.detail-label{color:#666}.detail-value{color:#333}.detail-value.amount{color:#28a745;font-size:18px;font-weight:700}@media (max-width:768px){.charts-section,.summary-cards-grid{grid-template-columns:1fr}.filters-section{align-items:stretch;flex-direction:column}.filter-group input,.filter-group select{min-width:0;min-width:auto;width:100%}.transactions-table{font-size:12px}.transactions-table td,.transactions-table th{padding:10px}.search-group input{min-width:100%}}.refunds-management{margin:0 auto;max-width:1400px;padding:20px}.refresh-btn{background:#0080e0}.refresh-btn:hover{background:#0066c2}.stat-icon.rejected{background:#dc3545}.stat-icon.processed{background:#28a745}.refunds-table{border-collapse:collapse;width:100%}.refunds-table thead{background:#f8f9fa}.refunds-table th{border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:15px;text-align:left}.refunds-table td{border-bottom:1px solid #dee2e6;padding:15px}.refunds-table tbody tr:hover{background:#f8f9fa}.transaction-info div{color:#333;font-weight:500}.transaction-info small{color:#666;font-size:12px}.reason-cell{max-width:300px}.reason-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-content{max-width:800px}.notes-box,.reason-box,.rejection-box{word-wrap:break-word;background:#f8f9fa;border-left:4px solid #0080e0;border-radius:6px;padding:15px;white-space:pre-wrap}.rejection-box{background:#fff5f5;border-left-color:#dc3545}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:10px}.form-group input:disabled{background:#f5f5f5;color:#666}.btn-process{background:#0080e0;color:#fff}.btn-process:hover{background:#0066c2}.btn-process:disabled{cursor:not-allowed;opacity:.6}.payouts-management{margin:0 auto;max-width:1400px;padding:20px}.section-header{margin-bottom:30px}.create-btn{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:background .3s}.create-btn:hover{background:#218838}.stat-icon.pending{background:#ffc107}.stat-icon.approved{background:#17a2b8}.payouts-table{border-collapse:collapse;width:100%}.payouts-table thead{background:#f8f9fa}.payouts-table th{border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:15px;text-align:left}.payouts-table td{border-bottom:1px solid #dee2e6;padding:15px}.payouts-table tbody tr:hover{background:#f8f9fa}.user-info strong{color:#333;display:block}.user-info small{color:#666;font-size:12px}.card-info{align-items:center;color:#333;display:flex;gap:5px}.card-info small{color:#666;font-size:12px}.detail-row strong{min-width:150px}.description-box,.error-box{word-wrap:break-word;background:#f8f9fa;border-left:4px solid #0080e0;border-radius:6px;padding:15px;white-space:pre-wrap}.error-box{background:#fff5f5;border-left-color:#dc3545;color:#721c24}.form-group input:disabled,.form-group textarea:disabled{background:#f5f5f5;color:#666}.alert{align-items:center}.btn-primary:hover{background:#0066c2}.btn-approve{background:#28a745}.btn-approve:hover{background:#218838}.btn-approve:disabled{cursor:not-allowed;opacity:.6}.btn-reject{background:#dc3545}.btn-reject:hover{background:#c82333}.btn-reject:disabled{cursor:not-allowed;opacity:.6}.btn-execute{background:#0080e0}.btn-execute:hover{background:#0066c2}.btn-execute:disabled{opacity:.6}.backoffice-operations{margin:0 auto;max-width:1400px;padding:20px}.section-header h2{align-items:center;color:#333;display:flex;gap:10px}.section-icon{color:#0080e0}.refresh-btn{align-items:center;background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:background .3s}.refresh-btn:hover{background:#5a6268}.refund-btn{align-items:center;background:#ffc107;border:none;border-radius:6px;color:#212529;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:background .3s}.refund-btn:hover{background:#e0a800}.reversal-btn{align-items:center;background:#17a2b8;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:background .3s}.reversal-btn:hover{background:#138496}.info-banner{align-items:flex-start;background:#e7f3ff;border:1px solid #b3d7ff;border-radius:8px;color:#004085;display:flex;gap:15px;margin-bottom:25px;padding:15px 20px}.info-banner strong{display:block;margin-bottom:5px}.info-banner small{opacity:.9}.stats-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:30px}.stat-card{box-shadow:0 2px 8px #0000001a;gap:15px}.stat-icon{border-radius:8px;height:50px;width:50px}.stat-icon.refunds{background:#ffc107}.stat-icon.reversals{background:#17a2b8}.stat-icon.success{background:#28a745}.stat-icon.failed{background:#dc3545}.stat-icon.total{background:#0080e0}.stat-info h3{font-size:28px;margin:0}.stat-info p{margin:5px 0 0}.filters-section{align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:20px}.filter-group label{align-items:center;color:#333;display:flex;font-weight:500;gap:5px}.filter-group select{border:1px solid #ddd;border-radius:6px;padding:8px 12px}.search-group{flex:1 1;min-width:300px;position:relative}.search-group input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 40px 8px 12px;width:100%}.search-icon{color:#999;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.table-container{background:#fff;box-shadow:0 2px 8px #0000001a}.transactions-table{border-collapse:collapse;width:100%}.transactions-table thead{background:#f8f9fa}.transactions-table th{border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:15px;text-align:left}.transactions-table td{border-bottom:1px solid #dee2e6;padding:15px}.transactions-table tbody tr:hover{background:#f8f9fa}.operation-badge{align-items:center;display:inline-flex;gap:5px}.badge{border-radius:12px;display:inline-block;font-weight:500;padding:4px 12px}.badge-warning{background:#fff3cd;color:#856404}.badge-info{background:#d1ecf1;color:#0c5460}.badge-danger{background:#f8d7da;color:#721c24}.badge-success{background:#d4edda;color:#155724}.badge-primary{background:#cce5ff;color:#004085}.badge-secondary{background:#e2e3e5;color:#383d41}.payment-id{color:#666;font-family:monospace}.description-cell{max-width:250px}.description-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-buttons button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:5px;padding:6px 12px;transition:all .3s}.btn-view{background:#17a2b8}.btn-view:hover{background:#138496}.pagination button{background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 16px}.pagination button:disabled{opacity:.5}.pagination button:not(:disabled):hover{background:#f8f9fa}.modal-content{max-width:700px}.modal-header{border-bottom:1px solid #dee2e6}.close-btn{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.close-btn:hover{color:#333}.alert{align-items:flex-start;border-radius:6px;display:flex;gap:10px;margin-bottom:20px;padding:12px 15px}.alert-warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.alert-info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.details-section{margin-bottom:25px}.details-section h4{border-bottom:2px solid #0080e0;color:#0080e0;margin:0 0 15px;padding-bottom:8px}.detail-row{align-items:center;gap:10px;margin-bottom:12px}.detail-row strong{color:#666;min-width:180px}.detail-row code{background:#f8f9fa;border-radius:4px;font-family:monospace;font-size:13px;padding:4px 8px}.code-success{background:#d4edda!important;color:#155724}.code-error{background:#f8d7da!important;color:#721c24}.description-box{word-wrap:break-word;background:#f8f9fa;border-left:4px solid #0080e0;border-radius:6px;padding:15px;white-space:pre-wrap}.form-row{grid-gap:15px;gap:15px}.form-group input,.form-group select,.form-group textarea{padding:10px}.form-group small{color:#666;display:block;font-size:12px;margin-top:5px}.modal-actions{border-top:1px solid #dee2e6;gap:10px;margin-top:20px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s}.btn-refund{background:#ffc107;color:#212529}.btn-refund:hover{background:#e0a800}.btn-refund:disabled{cursor:not-allowed;opacity:.6}.btn-reversal{background:#17a2b8;color:#fff}.btn-reversal:hover{background:#138496}.btn-reversal:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#6c757d}.btn-secondary:hover{background:#5a6268}.loading{color:#666}.loading,.no-data{padding:40px;text-align:center}.no-data,.text-muted{color:#999}.small-tasks-management{background:#f5f5f5;min-height:calc(100vh - 80px);padding:24px}.small-tasks-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.small-tasks-header h2{color:#333;font-size:24px;font-weight:600;margin:0}.header-actions{align-items:center;gap:16px}.view-toggle{background:#f0f0f0;border-radius:6px}.view-toggle button{background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.view-toggle button.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#333}.btn-danger,.btn-primary,.btn-refresh,.btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-primary{background:#2196f3}.btn-primary:hover{background:#1976d2}.btn-secondary{background:#757575;color:#fff}.btn-secondary:hover{background:#616161}.btn-danger:hover{background:#d32f2f}.btn-refresh{background:#f5f5f5;color:#333;padding:10px}.btn-refresh:hover{background:#e0e0e0}.filters-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:16px;margin-bottom:24px;padding:16px 24px}.search-box svg{color:#999;left:12px;position:absolute}.search-box input{border:1px solid #ddd;border-radius:6px;padding:10px 12px 10px 40px;width:100%}.status-filter{align-items:center;display:flex;gap:8px}.status-filter select{border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 12px}.loading-state{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{border:4px solid #f3f3f3;border-top-color:#2196f3}.empty-state{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#999}.requests-list,.task-types-list{grid-gap:16px;display:grid;gap:16px}.task-type-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:all .2s}.task-type-card:hover{box-shadow:0 4px 8px #00000026}.task-type-card.inactive{background:#fafafa;opacity:.7}.task-type-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.task-type-info h3{color:#333;font-size:18px;font-weight:600;margin:0 0 4px}.arabic-name{color:#666;direction:rtl;font-size:14px;margin:4px 0;text-align:right}.description{color:#999;font-size:13px;margin:8px 0 0}.status-badge{border-radius:12px;color:#fff;font-weight:600;padding:4px 12px}.status-badge.active{background:#4caf50}.status-badge.inactive{background:#757575}.task-type-actions{display:flex;gap:8px;justify-content:flex-end}.btn-icon{background:#f5f5f5;border-radius:4px;color:#666;padding:8px;transition:all .2s}.btn-icon:hover{background:#e0e0e0}.btn-icon.danger{color:#f44336}.btn-icon.danger:hover{background:#ffebee}.request-card{border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:all .2s}.request-card:hover{box-shadow:0 4px 8px #00000026}.request-header{border-bottom:1px solid #eee;margin-bottom:16px;padding-bottom:16px}.request-info h3{color:#333;font-size:18px;font-weight:600;margin:0 0 4px}.request-meta{color:#666;gap:16px;margin-top:8px}.request-details{margin-bottom:16px}.request-details p{color:#666}.request-actions{justify-content:flex-end}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header h3{font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;padding:10px 12px}.form-group textarea{min-height:80px}.form-group input[type=checkbox]{margin-right:8px;width:auto}@media (max-width:768px){.small-tasks-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{flex-wrap:wrap;width:100%}.filters-section,.request-meta{flex-direction:column}.request-meta{gap:4px}}.role-management{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:0}.role-management-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:28px;padding:20px 0}.header-left{gap:16px}.header-icon{color:#6b7280}.header-left h2{color:#111827;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.header-left p{color:#6b7280;font-size:14px;font-weight:400;margin:4px 0 0}.header-actions{gap:12px}.btn-create,.btn-refresh{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.btn-refresh:hover:not(:disabled){border-color:#d1d5db}.btn-create{background:#111827;border:none;color:#fff}.btn-create:hover{background:#1f2937}.roles-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.role-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000d,0 4px 12px #0000000d;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.role-card:before{background:linear-gradient(90deg,#4f46e5,#7c3aed);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.role-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px #0000000d,0 10px 30px #0000001a;transform:translateY(-4px)}.role-card:hover:before{opacity:1}.role-card.system-role{background:linear-gradient(90deg,#4f46e508,#0000);border-left:4px solid #4f46e5}.role-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:14px}.role-info h3{color:#111827;font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0}.role-name{background:#f3f4f6;border-radius:4px;color:#6b7280;display:inline-block;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:11px;margin-top:6px;padding:3px 8px}.system-badge{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:6px;color:#4b5563;display:flex;font-size:11px;font-weight:600;gap:5px;padding:5px 10px}.role-description{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 18px;min-height:44px}.role-stats{border-bottom:1px solid #f3f4f6;display:flex;gap:20px;margin-bottom:18px;padding-bottom:18px}.role-stats .stat{align-items:center;color:#4b5563;display:flex;font-size:13px;font-weight:500;gap:8px}.role-stats .stat svg{color:#9ca3af;font-size:14px}.hierarchy-badge{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:6px;color:#1d4ed8;font-size:12px;font-weight:600;padding:4px 10px}.role-meta{justify-content:space-between;margin-bottom:18px}.department{color:#6b7280;font-size:13px;font-weight:500}.status{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.3px;padding:5px 12px;text-transform:uppercase}.status.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.status.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}.role-actions{border-top:1px solid #f3f4f6;display:flex;gap:10px;padding-top:18px}.btn-icon{border:1px solid #e5e7eb;color:#6b7280;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-icon:hover:not(:disabled){background:#f9fafb;border-color:#c7d2fe;color:#4f46e5;transform:translateY(-1px)}.btn-icon.danger:hover:not(:disabled){background:#fef2f2;border-color:#fecaca;color:#dc2626}.btn-icon:disabled{cursor:not-allowed;opacity:.4}.empty-state,.loading-state{grid-column:1/-1}.modal.permissions-modal{max-width:780px}.modal.confirm-modal{max-width:440px}.modal-header h3{letter-spacing:-.3px}.modal-body p{color:#4b5563;font-size:15px;line-height:1.7;margin:0 0 14px}.modal-body .warning{background:#fef2f2;border-left:4px solid #dc2626;border-radius:10px;color:#dc2626;font-size:14px;padding:12px 16px}.changes-info{align-items:center;color:#d97706;display:flex;flex:1 1;font-size:14px;font-weight:600}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a}.form-group input.error,.form-group textarea.error{border-color:#dc2626;box-shadow:0 0 0 4px #dc26261a}.form-group .error-text{color:#dc2626;display:block;font-size:13px;font-weight:500;margin-top:8px}.form-group.checkbox input{accent-color:#4f46e5;height:18px;width:18px}.btn-danger,.btn-primary,.btn-secondary{border-radius:10px;gap:10px;justify-content:center;padding:12px 24px;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 14px #4f46e559}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #4f46e566}.btn-secondary:hover:not(:disabled){border-color:#d1d5db}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 14px #dc262659}.btn-danger:hover:not(:disabled){box-shadow:0 8px 25px #dc262666}.btn-danger:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;transform:none}.permissions-toolbar{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:14px;padding:18px 28px}.search-box{border-radius:10px;padding:10px 16px;transition:all .2s}.search-box:focus-within{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a}.search-box svg{color:#9ca3af}.permissions-toolbar select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px}.permissions-body{max-height:450px;overflow-y:auto;padding:0!important}.permissions-list{padding:0}.permission-category{border-bottom:1px solid #e5e7eb}.category-header{padding:16px 28px}.category-count{padding:4px 10px}.category-permissions{padding:10px 0}.permission-item{cursor:pointer;padding:12px 28px 12px 52px}.permission-item.GRANTED{background:linear-gradient(90deg,#10b98114,#0000);border-left-color:#10b981}.permission-item.DENIED{background:linear-gradient(90deg,#ef444414,#0000);border-left-color:#ef4444}.permission-code{display:block;margin-bottom:2px}.permission-name{display:block}.permission-status{align-items:center;border-radius:8px;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.permission-status .granted{color:#10b981}.permission-status .denied{color:#ef4444}.permission-status .needs-approval{color:#f59e0b;font-size:14px;font-weight:700}.permission-status .none{color:#d1d5db;font-size:20px}.role-card.expanded{grid-column:1/-1;max-width:100%}.btn-view-permissions{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;color:#475569;display:flex;gap:8px;margin:16px 0;padding:12px 16px;transition:all .2s ease}.btn-view-permissions:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1;color:#1e293b}.btn-view-permissions.expanded{background:linear-gradient(135deg,#111827,#1f2937);border-color:#111827;color:#fff}.btn-view-permissions.expanded:hover{background:linear-gradient(135deg,#1f2937,#374151)}.role-permissions-preview{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;margin:16px 0;padding:20px}.loading-permissions{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:12px;justify-content:center;padding:40px}.permissions-summary{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d;display:flex;gap:20px;margin-bottom:20px;padding:16px 20px}.summary-item{border-radius:8px;font-size:14px;font-weight:500;gap:10px;padding:8px 16px}.summary-item.assigned{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#047857}.summary-item.missing{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.summary-item.total{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151}.summary-item strong{font-size:18px;font-weight:700}.permissions-columns{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.permissions-column{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;max-height:400px;overflow-y:auto;padding:20px}.permissions-column h4{align-items:center;border-bottom:2px solid;display:flex;font-size:15px;font-weight:700;gap:10px;margin:0 0 16px;padding-bottom:12px}.permissions-column.assigned h4{border-color:#10b981;color:#047857}.permissions-column.missing h4{border-color:#f59e0b;color:#b45309}.empty-column{color:#9ca3af;font-size:14px;font-style:italic;padding:40px 20px;text-align:center}.category-list{display:flex;flex-direction:column;gap:16px}.category-group{border-left:3px solid #e5e7eb;padding-left:12px}.permissions-column.assigned .category-group{border-left-color:#10b981}.permissions-column.missing .category-group{border-left-color:#f59e0b}.category-title{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.category-title .count{color:#9ca3af;font-weight:500}.permission-chips{display:flex;flex-wrap:wrap;gap:6px}.permission-chip{border-radius:6px;display:inline-block;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:11px;font-weight:500;padding:4px 10px}.permission-chip.assigned{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.permission-chip.missing{background:#fef3c7;border:1px solid #fcd34d;color:#b45309}.more-chip{background:#f3f4f6;border-radius:6px;color:#6b7280;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px}.quick-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;padding-top:16px}.btn-add-permissions,.btn-manage-permissions{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.btn-add-permissions{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff}.btn-add-permissions:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.btn-manage-permissions{background:#fff;border:1px solid #e5e7eb;color:#374151}.btn-manage-permissions:hover{background:#f9fafb;border-color:#d1d5db}@media (max-width:768px){.role-management-header{flex-direction:column;gap:20px;padding:24px;text-align:center}.header-left{flex-direction:column}.form-row,.roles-grid{grid-template-columns:1fr}.permissions-toolbar{flex-direction:column}.modal{margin:10px;max-height:95vh}.permissions-columns{grid-template-columns:1fr}.permissions-summary{flex-wrap:wrap;justify-content:center}.quick-actions{flex-direction:column}}.permission-management{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:0}.permission-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;margin-bottom:28px;padding:20px 0}.permission-header .header-left{align-items:center;display:flex;gap:16px}.permission-header .header-icon{color:#6b7280;font-size:28px}.permission-header h2{color:#111827;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.permission-header p{color:#6b7280;font-size:14px;margin:4px 0 0}.header-stats{display:flex;gap:24px}.stat-item{border-right:1px solid #e5e7eb;padding:0 16px;text-align:center}.stat-item:last-child{border-right:none;padding-right:0}.stat-value{display:block;font-size:28px}.category-stats-grid{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.category-stat-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;font-weight:500;gap:10px;padding:10px 18px;transition:all .25s cubic-bezier(.4,0,.2,1)}.category-stat-card:hover{background:linear-gradient(90deg,#10b9810d,#0000);border-color:#10b981;box-shadow:0 4px 12px #10b98126;transform:translateY(-2px)}.category-stat-card.selected{background:linear-gradient(135deg,#059669,#10b981);border-color:#059669;box-shadow:0 4px 14px #05966959;color:#fff}.category-stat-card .category-name{font-size:13px;font-weight:600}.category-stat-card .category-count{background:#00000014;border-radius:6px;font-size:12px;font-weight:700;padding:3px 10px}.category-stat-card.selected .category-count{background:#ffffff40}.filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:24px}.filters-bar .search-box{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;flex:1 1;gap:12px;min-width:280px;padding:12px 18px;transition:all .2s}.filters-bar .search-box:focus-within{border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.filters-bar .search-box svg{color:#9ca3af;font-size:18px}.filters-bar .search-box input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none}.filter-group{gap:10px}.filter-group svg{color:#6b7280}.filter-group select{font-weight:500;padding:12px 18px;transition:all .2s}.filter-group select:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.btn-clear{background:#fef2f2;border:2px solid #fecaca;border-radius:12px;color:#dc2626;padding:12px 18px}.btn-clear:hover{background:#fee2e2;border-color:#f87171}.filters-bar .btn-refresh{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;height:46px;justify-content:center;transition:all .2s;width:46px}.filters-bar .btn-refresh:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db;color:#374151}.permissions-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.permissions-table{border-collapse:collapse;width:100%}.permissions-table td,.permissions-table th{border-bottom:1px solid #f3f4f6;padding:16px 20px;text-align:left}.permissions-table th{background:linear-gradient(180deg,#f9fafb,#f3f4f6);color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.8px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0}.permissions-table tr:last-child td{border-bottom:none}.permissions-table tbody tr{transition:background .2s}.permissions-table tbody tr:hover{background:#f9fafb}.permissions-table tr.system-permission{background:linear-gradient(90deg,#fbbf2414,#0000)}.code-cell{align-items:center;display:flex;gap:10px}.code-cell code{background:#f3f4f6;border-radius:6px;color:#1f2937;font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px;font-weight:500;padding:6px 10px}.system-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:4px;color:#92400e;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.name-cell{display:flex;flex-direction:column;gap:4px}.name-en{color:#111827;font-size:14px;font-weight:600}.name-ar{color:#6b7280;font-size:12px}.category-badge{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:6px;color:#1d4ed8;font-size:11px;font-weight:700;letter-spacing:.3px;padding:5px 12px;text-transform:uppercase}.method-badge{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.5px;padding:5px 10px}.method-get{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.method-post{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.method-put{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.method-delete{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}.method-patch{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca}.method-other{background:#f3f4f6;color:#6b7280}.endpoint-cell code{color:#6b7280;font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px}.status-badge{font-size:11px;letter-spacing:.3px;padding:5px 12px}.status-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.status-inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}.status-deprecated{background:#f3f4f6;color:#6b7280}.actions-cell{display:flex;gap:8px}.actions-cell .btn-icon{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.actions-cell .btn-icon:hover{background:#f3f4f6;border-color:#a7f3d0;color:#10b981;transform:translateY(-1px)}.search-results-info{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;color:#1e40af;display:flex;font-size:14px;gap:10px;margin:20px 0;padding:16px 24px}.search-results-info svg{color:#3b82f6;font-size:18px}.search-results-info strong{color:#1e3a8a;font-weight:700}.pagination{border-top:1px solid #f3f4f6}.btn-page{font-size:16px}.btn-page:hover:not(:disabled){border-color:#a7f3d0;color:#10b981}.modal.details-modal{max-width:520px}.form-group input,.form-group select,.form-group textarea{border-radius:10px;padding:12px 16px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.form-group input.disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.detail-row{padding:14px 0}.detail-label{flex-shrink:0;width:150px}.detail-value{font-weight:500}.detail-value code{font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px;padding:6px 10px}.btn-primary,.btn-secondary{border-radius:10px;justify-content:center;padding:12px 24px;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 14px #05966959}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #05966966}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1024px){.permissions-table-container{overflow-x:auto}.permissions-table{min-width:900px}}@media (max-width:768px){.permission-header{gap:20px;padding:24px;text-align:center}.filters-bar,.permission-header,.permission-header .header-left{flex-direction:column}.filters-bar{align-items:stretch}.filters-bar .search-box{min-width:auto}.form-row{grid-template-columns:1fr}.header-stats{flex-wrap:wrap;justify-content:center}}.view-toggle{background:#f3f4f6;border-radius:8px;display:flex;gap:4px;padding:4px}.view-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:8px 12px;transition:all .2s ease}.view-btn:hover{background:#e5e7eb;color:#374151}.view-btn.active{background:#111827;color:#fff}.permissions-category-view{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.category-view-toolbar{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;padding:12px 16px}.btn-collapse-all,.btn-expand-all{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.btn-collapse-all:hover,.btn-expand-all:hover{background:#f3f4f6;border-color:#d1d5db}.categories-list{padding:16px}.permission-category-group{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;overflow:hidden}.permission-category-group:last-child{margin-bottom:0}.category-header{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb;padding:14px 18px;transition:all .2s ease}.category-header:hover{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.category-header-left{align-items:center;display:flex;flex:1 1;gap:12px}.category-icon{color:#6b7280;font-size:16px;transition:transform .2s ease}.category-name{color:#111827}.category-count{font-size:13px;font-weight:500;margin-left:8px}.category-permissions{background:#fafafa;padding:12px}.permission-item{background:#fff;border-radius:8px;margin-bottom:10px;padding:14px;transition:all .2s ease}.permission-item:last-child{margin-bottom:0}.permission-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #00000014}.permission-item.system{background:linear-gradient(90deg,#4f46e508,#fff);border-left:3px solid #4f46e5}.permission-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.permission-code{align-items:center;display:flex;gap:8px}.permission-code code{background:#f3f4f6;border-radius:4px;color:#111827;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:13px;font-weight:600;padding:4px 8px}.system-badge-small{background:#4f46e51a;border-radius:4px;color:#4f46e5;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.permission-actions{display:flex;gap:6px}.btn-icon-small{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.btn-icon-small:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.permission-item-body{display:flex;flex-direction:column;gap:8px}.permission-names{display:flex;flex-direction:column;gap:4px}.permission-names .name-en{color:#111827;font-size:14px;font-weight:600}.permission-names .name-ar{color:#6b7280;font-size:12px}.permission-description{color:#6b7280;font-size:13px;line-height:1.5;margin:0}.permission-meta{flex-wrap:wrap;gap:8px;margin-top:4px}.endpoint-code{background:#f9fafb;border-radius:4px;color:#6b7280;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:11px;padding:2px 6px}.permission-requests{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:0}.pr-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;margin-bottom:28px;padding:20px 0}.pr-header,.pr-header-left{align-items:center;display:flex}.pr-header-left{gap:16px}.pr-header-icon{color:#6b7280;font-size:28px}.pr-header h2{color:#111827;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.pr-header p{color:#6b7280;font-size:14px;margin:4px 0 0}.pr-header-right{align-items:center;display:flex;gap:16px}.pending-badge{background:#fef3c7;border:1px solid #fde68a;border-radius:20px;color:#b45309;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.pending-badge,.pr-filters{align-items:center;display:flex}.pr-filters{flex-wrap:wrap;gap:14px;margin-bottom:24px}.pr-filters .filter-group{align-items:center;display:flex;gap:10px}.pr-filters .filter-group svg{color:#6b7280}.pr-filters select{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 18px;transition:all .2s}.pr-filters select:focus{border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b1a;outline:none}.pr-filters .btn-refresh{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 20px;transition:all .2s}.pr-filters .btn-refresh:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db;color:#374151}.pr-content,.requests-list{display:flex;flex-direction:column;gap:16px}.request-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000d;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.request-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px #0000000d,0 10px 30px #00000014;transform:translateY(-2px)}.request-card.pending{background:linear-gradient(90deg,#f59e0b08,#0000);border-left:4px solid #f59e0b}.request-card.approved{background:linear-gradient(90deg,#10b98108,#0000);border-left:4px solid #10b981}.request-card.rejected{background:linear-gradient(90deg,#ef444408,#0000);border-left:4px solid #ef4444}.request-card.expired{background:linear-gradient(90deg,#6b728008,#0000);border-left:4px solid #6b7280;opacity:.7}.request-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px 24px}.requester-info{align-items:center;display:flex;gap:14px}.requester-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;color:#6b7280;display:flex;font-size:20px;height:46px;justify-content:center;width:46px}.requester-info>div{display:flex;flex-direction:column;gap:4px}.requester-name{color:#111827;font-size:16px;font-weight:700}.requester-email{color:#6b7280;font-size:13px}.request-status{align-items:center;border-radius:30px;display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.request-status.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.request-status.approved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.request-status.rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}.request-status.expired{background:#f3f4f6;color:#6b7280}.request-body{padding:20px 24px}.request-permission{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;display:flex;gap:12px;margin-bottom:14px;padding:14px 18px}.permission-code{background:#fff;border:1px solid #e5e7eb;color:#4b5563;padding:6px 12px}.permission-name{font-weight:600}.request-reason{align-items:flex-start;background:#f9fafb;border-left:3px solid #d1d5db;border-radius:12px;display:flex;gap:12px;margin-bottom:14px;padding:14px 18px}.request-reason svg{color:#9ca3af;flex-shrink:0;margin-top:2px}.request-reason span{color:#4b5563;font-size:14px;font-style:italic;line-height:1.6}.request-meta{color:#6b7280;display:flex;flex-wrap:wrap;font-size:13px;gap:20px}.request-meta span{align-items:center;display:flex;gap:6px}.request-meta svg{color:#9ca3af}.reviewer-info{align-items:center;background:#f3f4f6;border-radius:6px;display:flex;gap:6px;padding:6px 12px}.review-notes{background:#fffbeb;border-left:3px solid #f59e0b;border-radius:12px;margin-top:14px;padding:14px 18px}.review-notes strong{color:#b45309;display:block;font-size:11px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.review-notes p{color:#4b5563;font-size:14px;line-height:1.6;margin:0}.request-actions{background:#f9fafb;border-top:1px solid #f3f4f6;display:flex;gap:12px;padding:18px 24px}.btn-approve,.btn-reject{border-radius:10px;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-approve{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 14px #05966959}.btn-approve:hover:not(:disabled){box-shadow:0 8px 25px #05966966;transform:translateY(-2px)}.btn-reject{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 14px #dc262659}.btn-reject:hover:not(:disabled){box-shadow:0 8px 25px #dc262666;transform:translateY(-2px)}.btn-approve:disabled,.btn-reject:disabled{cursor:not-allowed;opacity:.5;transform:none}.empty-state,.loading-state{border-radius:16px}.pagination{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:20px;padding:24px}.btn-page{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;display:flex;height:42px;justify-content:center;width:42px}.btn-page:hover:not(:disabled){background:#f3f4f6;border-color:#fde68a;color:#f59e0b}.btn-page:disabled{opacity:.4}.modal.approve-modal .modal-header{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.modal.reject-modal .modal-header{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.btn-close{background:#fff3;color:inherit}.btn-close:hover{background:#ffffff4d}.request-summary{background:#f9fafb;border-radius:12px;margin-bottom:24px;padding:18px}.request-summary p{color:#4b5563;font-size:14px;line-height:1.6;margin:0 0 10px}.request-summary p:last-child{margin-bottom:0}.request-summary strong{color:#111827}.form-group textarea{border:2px solid #e5e7eb;border-radius:12px;padding:14px 16px;transition:all .2s}.form-group textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b1a}.form-group input[type=datetime-local]{border:2px solid #e5e7eb;border-radius:12px;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.form-group input[type=datetime-local]:focus{border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b1a;outline:none}.btn-confirm-approve{align-items:center;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:10px;box-shadow:0 4px 14px #05966959;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:12px 24px;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-confirm-approve:hover:not(:disabled){box-shadow:0 8px 25px #05966966;transform:translateY(-2px)}.btn-confirm-reject{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:10px;box-shadow:0 4px 14px #dc262659;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:12px 24px;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-confirm-reject:hover:not(:disabled){box-shadow:0 8px 25px #dc262666;transform:translateY(-2px)}.btn-confirm-approve:disabled,.btn-confirm-reject:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.pr-header{gap:20px;padding:24px;text-align:center}.pr-filters,.pr-header,.pr-header-left{flex-direction:column}.pr-filters{align-items:stretch}.request-header{gap:14px}.request-actions,.request-header,.request-meta{flex-direction:column}.request-meta{gap:10px}}.hierarchy-management{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:0}.hm-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;margin-bottom:28px;padding:20px 0}.hm-header,.hm-header-left{align-items:center;display:flex}.hm-header-left{gap:16px}.hm-header-icon{color:#6b7280;font-size:28px}.hm-header h2{color:#111827;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.hm-header p{color:#6b7280;font-size:14px;margin:4px 0 0}.hm-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:24px}.hm-toolbar .search-box{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;flex:1 1;gap:12px;min-width:280px;padding:12px 18px;transition:all .2s}.hm-toolbar .search-box:focus-within{border-color:#111827;box-shadow:0 0 0 4px #1118270d}.hm-toolbar .search-box svg{color:#9ca3af;font-size:18px}.hm-toolbar .search-box input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none}.toolbar-actions{display:flex;gap:10px}.btn-collapse,.btn-expand,.btn-refresh{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 18px;transition:all .2s}.btn-collapse:hover,.btn-expand:hover,.btn-refresh:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db;color:#374151}.hm-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 380px;min-height:600px}.hierarchy-tree-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.hierarchy-tree{max-height:700px;overflow-y:auto;padding:20px}.tree-node{margin-bottom:4px}.node-content{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:12px 16px;transition:all .2s}.node-content:hover{background:#f9fafb}.node-content.selected{background:#f3f4f6;border-color:#111827}.expand-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s;width:28px}.expand-btn:hover{background:#e5e7eb;color:#374151}.expand-placeholder{flex-shrink:0;height:28px;width:28px}.node-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:10px;color:#6b7280;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.node-info{flex:1 1;min-width:0}.node-name{color:#111827;display:block;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-role{color:#6b7280;display:block;font-size:12px;margin-top:2px}.node-badges{display:flex;flex-shrink:0;gap:8px}.level-badge{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#374151}.level-badge,.subordinates-badge{font-size:11px;font-weight:700;padding:4px 10px}.subordinates-badge{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:6px;color:#4b5563}.node-children{border-left:2px solid #e5e7eb;margin-left:38px;padding-left:20px}.details-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.details-panel,.panel-placeholder{display:flex;flex-direction:column}.panel-placeholder{align-items:center;color:#9ca3af;height:100%;justify-content:center;min-height:400px;padding:40px;text-align:center}.panel-placeholder svg{font-size:64px;margin-bottom:20px;opacity:.3}.panel-placeholder p{font-size:15px;font-weight:500}.panel-header{align-items:center;background:linear-gradient(180deg,#fafafa,#fff);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.panel-header h3{color:#111827;font-size:16px;font-weight:700;margin:0}.btn-close-panel{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-close-panel:hover{background:#e5e7eb;color:#111827;transform:rotate(90deg)}.panel-content{flex:1 1;overflow-y:auto;padding:24px}.user-avatar{background:#111827;border-radius:20px;color:#fff;font-size:36px;height:80px;margin:0 auto 20px;width:80px}.user-name{color:#111827;font-size:20px;font-weight:700;margin:0 0 24px;text-align:center}.detail-section{margin-bottom:24px}.detail-section h4{border-bottom:1px solid #f3f4f6;color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.8px;margin:0 0 12px;padding-bottom:8px;text-transform:uppercase}.detail-row{padding:10px 0}.detail-value{font-size:13px;font-weight:600}.supervisor-link{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:14px;transition:all .2s}.supervisor-link:hover{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.supervisor-icon{align-items:center;background:#fff;border-radius:8px;color:#6b7280;display:flex;font-size:16px;height:36px;justify-content:center;width:36px}.supervisor-info{flex:1 1}.supervisor-name{color:#111827;display:block;font-size:14px;font-weight:600}.supervisor-role{color:#6b7280;display:block;font-size:12px;margin-top:2px}.no-supervisor{color:#9ca3af;font-size:14px;padding:20px;text-align:center}.panel-actions{border-top:1px solid #f3f4f6;display:flex;gap:12px;margin-top:auto;padding-top:20px}.btn-edit,.btn-supervisor{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-edit{background:#111827}.btn-edit:hover{background:#1f2937}.btn-supervisor{background:#fff;border:2px solid #e5e7eb;color:#374151}.btn-supervisor:hover{background:#f3f4f6;border-color:#d1d5db}.modal-body .search-box{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:12px 16px;transition:all .2s}.modal-body .search-box:focus-within{border-color:#111827;box-shadow:0 0 0 4px #1118270d}.modal-body .search-box svg{color:#9ca3af}.modal-body .search-box input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none}.users-list{display:flex;flex-direction:column;gap:8px;max-height:350px;overflow-y:auto}.user-option{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .2s}.user-option:hover{background:#f9fafb}.user-option.selected{background:#f3f4f6;border-color:#111827}.user-option .user-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:10px;color:#6b7280;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.user-option .user-info{flex:1 1}.user-option .user-name{color:#111827;display:block;font-size:14px;font-weight:600}.user-option .user-role{color:#6b7280;display:block;font-size:12px;margin-top:2px}.form-group input:focus,.form-group select:focus{border-color:#111827;box-shadow:0 0 0 4px #1118270d}.btn-primary{transition:all .2s ease}@media (max-width:1024px){.hm-content{grid-template-columns:1fr}.details-panel{order:-1}}@media (max-width:768px){.hm-header{gap:20px;padding:24px;text-align:center}.hm-header,.hm-header-left,.hm-toolbar{flex-direction:column}.hm-toolbar{align-items:stretch}.hm-toolbar .search-box{min-width:auto}.toolbar-actions{justify-content:center}.form-row{grid-template-columns:1fr}}.user-permissions{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:0}.up-header{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000d;justify-content:space-between;margin-bottom:28px;padding:28px 32px}.up-header,.up-header-left{align-items:center;display:flex;position:relative}.up-header-left{gap:20px;z-index:1}.up-header-icon{color:#6b7280;font-size:36px}.up-header h2{color:#111827;font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0}.up-header p{color:#6b7280;font-size:14px;margin:6px 0 0}.up-header-actions{display:flex;gap:12px;position:relative;z-index:1}.up-header .btn-refresh{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.up-header .btn-refresh:hover:not(:disabled){background:#e5e7eb;color:#111827;transform:translateY(-1px)}.up-header .btn-close-panel{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.up-header .btn-close-panel:hover{background:#e5e7eb;background:#ffffff40;color:#111827;transform:rotate(90deg)}.up-tabs{background:#f3f4f6;border-radius:14px;display:flex;gap:8px;margin-bottom:24px;padding:6px}.up-tabs .tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;transition:all .25s cubic-bezier(.4,0,.2,1)}.up-tabs .tab:hover:not(.active){background:#fff;color:#374151}.up-tabs .tab.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#0891b2}.up-tabs .tab svg{font-size:18px}.up-content{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.empty-state svg,.loading-state svg{opacity:.4}.empty-state p,.loading-state p{font-size:15px}.effective-permissions{padding:24px}.up-search{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:14px 18px;transition:all .2s}.up-search:focus-within{border-color:#06b6d4;box-shadow:0 0 0 4px #06b6d41a}.up-search svg{color:#9ca3af;font-size:18px}.up-search input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none}.quick-actions-toolbar{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.quick-actions-left{display:flex;flex-wrap:wrap;gap:12px}.btn-quick-action,.quick-actions-right{align-items:center;display:flex}.btn-quick-action{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;position:relative;transition:all .2s}.btn-quick-action.btn-grant{background:#10b981;color:#fff}.btn-quick-action.btn-grant:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.btn-quick-action.btn-bulk{background:#3b82f6;color:#fff}.btn-quick-action.btn-bulk:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-quick-action:disabled{cursor:not-allowed;opacity:.5}.badge-count{background:#ffffff4d;border-radius:12px;font-size:12px;font-weight:700;margin-left:6px;padding:2px 8px}.stat-item,.stats-summary{align-items:center;display:flex}.stat-item{font-size:13px;gap:6px}.stat-value{font-size:14px}.stat-item.stat-granted .stat-value{color:#10b981}.stat-item.stat-missing .stat-value{color:#ef4444}.permissions-by-category{display:flex;flex-direction:column;gap:12px}.category-section{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.category-header{background:#f9fafb;cursor:pointer;font-weight:600;gap:12px;transition:background .2s;-webkit-user-select:none;user-select:none}.category-header:hover{background:#f3f4f6}.category-header svg{color:#6b7280;font-size:14px}.category-name{flex:1 1;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.category-count{border-radius:6px;color:#4b5563;font-size:12px;font-weight:700;padding:4px 12px}.category-permissions{border-top:1px solid #e5e7eb;padding:8px 0}.permission-item{align-items:center;border-left:3px solid #0000;display:flex;gap:16px;justify-content:space-between;padding:14px 20px;transition:all .2s}.permission-item:hover{background:#f9fafb}.permission-item .perm-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.permission-item .perm-meta{align-items:center;display:flex;flex-shrink:0;gap:12px}.permission-info{align-items:center;gap:16px}.permission-code{background:#f3f4f6;border-radius:4px;color:#6b7280;font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;font-weight:500}.permission-name{color:#111827;font-size:14px;font-weight:500}.permission-meta{align-items:center;display:flex;gap:12px}.source-badge{border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.source-badge.role{background:#eff6ff;border:1px solid #dbeafe;color:#1d4ed8}.source-badge.direct{background:#fef3c7;border:1px solid #fde68a;color:#b45309}.type-badge{align-items:center;border-radius:6px;display:flex;font-size:11px;gap:6px;letter-spacing:.3px;padding:4px 12px}.type-badge.granted{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.type-badge.denied{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}.type-badge.needs_approval{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.roles-section{padding:24px}.section-header{margin-bottom:20px}.section-header h3{font-size:18px;font-weight:700}.btn-add{align-items:center;background:linear-gradient(135deg,#0891b2,#06b6d4);border:none;border-radius:10px;box-shadow:0 4px 14px #0891b259;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-add:hover{box-shadow:0 8px 25px #0891b266;transform:translateY(-2px)}.roles-list{display:flex;flex-direction:column;gap:12px}.role-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;padding:18px 20px;transition:all .2s}.role-item:hover{background:#f3f4f6;border-color:#d1d5db}.role-info h4{color:#111827;font-size:16px;font-weight:700;margin:0}.role-info p{color:#6b7280;font-size:13px;margin:4px 0 0}.role-meta{gap:16px}.assigned-date,.role-meta{align-items:center;display:flex}.assigned-date{color:#6b7280;font-size:13px;gap:6px}.assigned-date svg{color:#9ca3af}.btn-remove{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-remove:hover:not(:disabled){background:#fee2e2;border-color:#f87171;transform:translateY(-1px)}.btn-remove:disabled{cursor:not-allowed;opacity:.4}.direct-permissions-section{padding:24px}.direct-permission-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;padding:18px 20px;transition:all .2s}.direct-permission-item:hover{background:#f3f4f6;border-color:#d1d5db}.direct-permission-item.granted{background:linear-gradient(90deg,#10b9810d,#0000);border-left:4px solid #10b981}.direct-permission-item.denied{background:linear-gradient(90deg,#ef44440d,#0000);border-left:4px solid #ef4444}.perm-info h4{color:#111827;font-size:14px;font-weight:600;margin:0}.perm-info .perm-code{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;display:inline-block;font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;margin-top:4px;padding:3px 8px}.perm-meta{gap:16px}.perm-actions,.perm-meta{align-items:center;display:flex}.perm-actions{gap:8px;margin-left:auto}.btn-action{border-radius:6px;font-size:14px;height:32px;padding:0;transition:all .2s;width:32px}.btn-action.btn-grant{background:#10b981;color:#fff}.btn-action.btn-grant:hover:not(:disabled){background:#059669;box-shadow:0 2px 8px #10b9814d;transform:scale(1.05)}.btn-action.btn-remove{background:#ef4444;color:#fff}.btn-action.btn-remove:hover:not(:disabled){background:#dc2626;box-shadow:0 2px 8px #ef44444d;transform:scale(1.05)}.btn-action:disabled{cursor:not-allowed;opacity:.5;transform:none}.expires-badge{align-items:center;background:#fef3c7;border-radius:6px;color:#b45309;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.expires-badge svg{font-size:14px}.modal-overlay{animation:fadeIn .2s ease-out;background:#11182799}.modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);box-shadow:0 25px 80px #00000040;max-width:520px}.modal-header{background:linear-gradient(180deg,#fafafa,#fff)}.btn-close:hover{transform:rotate(90deg)}.modal-body{padding:28px}.form-group input,.form-group select{border:2px solid #e5e7eb;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#06b6d4;box-shadow:0 0 0 4px #06b6d41a}.form-group .help-text{color:#6b7280;display:block;font-size:13px;margin-top:8px}.modal-footer{background:#f9fafb;gap:14px}.btn-secondary{gap:10px;justify-content:center}.btn-secondary:hover{background:#f3f4f6;border-color:#d1d5db}.btn-primary{background:linear-gradient(135deg,#0891b2,#06b6d4);box-shadow:0 4px 14px #0891b259;gap:10px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #0891b266}@media (max-width:768px){.up-header{gap:20px;padding:24px;text-align:center}.up-header,.up-header-left,.up-tabs{flex-direction:column}.direct-permission-item,.role-item,.section-header{align-items:stretch;flex-direction:column;gap:14px}.perm-meta,.role-meta{justify-content:space-between}.form-row{grid-template-columns:1fr}.permission-info{align-items:flex-start;flex-direction:column;gap:8px}.permission-meta{flex-wrap:wrap}}.user-permissions-management{background:#f9fafb;min-height:100%;padding:0}.upm-header{background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:20px 25px}.upm-header,.upm-header-left{align-items:center;display:flex}.upm-header-left{gap:15px}.upm-header-icon{color:#6b7280;font-size:32px}.upm-header h2{color:#111827;font-size:22px;font-weight:700;margin:0}.upm-header p{color:#6b7280;font-size:14px;margin:0}.btn-back{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.btn-back:hover{background:#e5e7eb;color:#111827}.btn-refresh{font-weight:500;padding:10px 16px}.upm-content{padding:25px}.upm-search-section{margin-bottom:25px}.search-box{margin-bottom:12px;padding:12px 16px;position:relative;transition:border-color .2s}.search-box:focus-within{border-color:#3b82f6}.search-box svg{flex-shrink:0;font-size:20px}.search-box input{font-size:15px}.search-info{color:#6b7280;font-size:14px;padding:0 4px}.users-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.user-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:20px;transition:all .2s}.user-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.user-card-header{border-bottom:1px solid #f3f4f6;gap:12px;margin-bottom:16px;padding-bottom:16px}.user-avatar,.user-card-header{align-items:center;display:flex}.user-avatar{background:#f3f4f6;border-radius:50%;color:#6b7280;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.user-info{flex:1 1;min-width:0}.user-info h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-id{background:#f3f4f6;border-radius:4px;color:#6b7280;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:12px;padding:2px 8px}.user-card-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.user-detail{align-items:center;display:flex;font-size:13px;justify-content:space-between}.detail-label{font-weight:500}.detail-value{font-weight:400;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-value.status-approved{color:#10b981;font-weight:600}.detail-value.status-pending{color:#f59e0b;font-weight:600}.detail-value.status-rejected{color:#ef4444;font-weight:600}.user-card-action{border-top:1px solid #f3f4f6;padding-top:16px}.btn-view-permissions{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s;width:100%}.btn-view-permissions:hover{background:#2563eb}@media (max-width:768px){.users-grid{grid-template-columns:1fr}.upm-header{align-items:flex-start;flex-direction:column;gap:12px}}.pending-permissions{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:0}.pp-header{background-color:#fff;border-bottom:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;justify-content:space-between;margin-bottom:20px;padding:20px 25px}.pp-header,.pp-header-left{align-items:center;display:flex}.pp-header-left{gap:15px}.pp-header-icon{color:#f59e0b;font-size:32px}.pp-header h2{color:#111827;font-size:22px;font-weight:700;margin:0}.pp-header p{color:#6b7280;font-size:14px;margin:0}.pp-header-actions{display:flex;gap:12px}.btn-scan{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s}.btn-scan:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-scan:disabled{cursor:not-allowed;opacity:.5}.btn-refresh{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151}.btn-refresh:hover:not(:disabled){background:#e5e7eb;color:#111827}.pp-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:20px}.stat-card.stat-active{border-left:4px solid #10b981}.stat-card.stat-pending{border-left:4px solid #f59e0b}.stat-icon{background:#f3f4f6;border-radius:12px;color:#6b7280;height:48px;width:48px}.stat-card.stat-active .stat-icon{background:#d1fae5;color:#10b981}.stat-card.stat-pending .stat-icon{background:#fef3c7;color:#f59e0b}.stat-content{display:flex;flex-direction:column}.stat-value{margin-bottom:4px}.stat-label{font-size:13px}.pp-search{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:12px 16px;position:relative;transition:border-color .2s}.pp-search:focus-within{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.pp-search svg{color:#6b7280;flex-shrink:0;font-size:20px}.pp-search input{background:#0000;border:none;color:#111827;flex:1 1;font-size:15px;outline:none}.pp-search input::placeholder{color:#9ca3af}.btn-clear-search{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.btn-clear-search:hover{background:#e5e7eb;color:#111827}.pp-permissions-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.pp-permission-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:20px;transition:all .2s}.pp-permission-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.pp-card-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.pp-card-header,.pp-card-title{align-items:center;display:flex}.pp-card-title{gap:12px}.pp-code{background:#f3f4f6;color:#111827;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:14px}.pp-code,.pp-status-badge{border-radius:6px;font-weight:600;padding:4px 10px}.pp-status-badge{font-size:11px;letter-spacing:.5px;text-transform:uppercase}.pp-status-badge.pending{background:#fef3c7;color:#b45309}.btn-edit{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s}.btn-edit:hover{background:#2563eb;transform:translateY(-1px)}.pp-card-body{gap:12px}.pp-card-body,.pp-field{display:flex;flex-direction:column}.pp-field{gap:4px}.pp-field-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.pp-field-value{color:#111827;font-size:14px;line-height:1.5}.pp-card-meta{border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:16px;padding-top:12px}.pp-meta-item{align-items:center;display:flex;font-size:12px;gap:6px}.pp-meta-label{color:#6b7280;font-weight:500}.pp-meta-value{color:#111827;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-weight:600}.pp-discovered{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;color:#1e40af;display:flex;font-size:12px;gap:8px;padding:8px 12px}.pp-discovered svg{font-size:14px}.empty-state,.loading-state{border-radius:12px}.empty-state p,.loading-state p{color:#6b7280}.modal{border-radius:12px;box-shadow:0 20px 25px -5px #0000001a}.modal-header{padding:20px 24px}.modal-header h3{font-size:18px}.btn-close{border-radius:6px}.modal-body{padding:24px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e7eb;border-radius:8px;color:#111827;font-size:14px;padding:10px 14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.form-group textarea{min-height:100px}.modal-footer{padding:20px 24px}.btn-secondary{border-radius:8px;padding:10px 18px}.btn-secondary:hover{background:#e5e7eb}.btn-primary{background:#3b82f6;border-radius:8px;padding:10px 18px;transition:all .2s}.btn-primary:hover:not(:disabled){background:#2563eb}@media (max-width:768px){.pp-permissions-list{grid-template-columns:1fr}.pp-header{align-items:flex-start;flex-direction:column;gap:12px}.pp-stats{grid-template-columns:1fr}}.scan-results-modal{max-width:900px}.summary-section{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;margin-bottom:24px;padding:16px}.summary-section h4{color:#1e40af}.scan-results-section{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:24px}.scan-results-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.scan-results-section h4{align-items:center;color:#111827;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 16px}.scan-results-section.warning-section{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:24px;padding:16px}.scan-results-section.warning-section h4{color:#991b1b}.scan-results-section.warning-section h4 svg{color:#ef4444}.warning-note{font-style:italic;margin:0 0 12px}.scan-results-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.scan-result-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.scan-result-item.highlight{background:#eff6ff;border-color:#3b82f6}.scan-result-item.warning{background:#fef3c7;border-color:#f59e0b}.scan-result-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.scan-result-value{color:#111827;font-size:20px;font-weight:700}.scan-result-item.highlight .scan-result-value{color:#2563eb}.scan-result-item.warning .scan-result-value{color:#d97706}.new-permissions-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.new-permission-item{background:#f9fafb;border:1px solid #e5e7eb;border-left:3px solid #10b981;border-radius:8px;padding:12px 16px}.new-perm-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.new-perm-code{background:#fff;color:#111827;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:14px;font-weight:600}.new-perm-code,.new-perm-method{border-radius:4px;padding:4px 8px}.new-perm-method{background:#eff6ff;color:#3b82f6;font-size:11px;font-weight:700;text-transform:uppercase}.new-perm-details{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px}.new-perm-controller{color:#374151;font-weight:600}.new-perm-separator{color:#9ca3af}.new-perm-method-name{color:#111827;font-family:SF Mono,Monaco,Menlo,Consolas,monospace}.unprotected-controllers-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.unprotected-controller-item{background:#fff;border:1px solid #fecaca;border-left:3px solid #ef4444;border-radius:6px;padding:10px 14px}.unprotected-controller-item code{color:#991b1b;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:14px;font-weight:600}.unprotected-methods-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.unprotected-method-item{background:#fff;border:1px solid #fecaca;border-left:3px solid #ef4444;border-radius:6px;padding:10px 14px}.unprotected-method-item code{color:#991b1b;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:13px}.cursor-prompt-generator{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:0}.cpg-header{background-color:#fff;border-bottom:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding:20px 25px}.cpg-header,.cpg-header-left{align-items:center;display:flex}.cpg-header-left{flex:1 1;gap:15px;min-width:300px}.cpg-header-icon{color:#3b82f6;font-size:32px}.cpg-header h2{color:#111827;font-size:22px;font-weight:700;margin:0}.cpg-header p{color:#6b7280;font-size:14px;margin:0}.cpg-header-actions{display:flex;flex-wrap:wrap;gap:12px}.btn-generate-json,.btn-generate-text{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s}.btn-generate-text{background:#10b981;color:#fff}.btn-generate-text:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.btn-generate-json{background:#3b82f6;color:#fff}.btn-generate-json:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-generate-json:disabled,.btn-generate-text:disabled{cursor:not-allowed;opacity:.5}.cpg-instructions{margin-bottom:24px}.cpg-instruction-card{background:#eff6ff;border:1px solid #dbeafe;border-left:4px solid #3b82f6;border-radius:12px;display:flex;gap:16px;padding:20px}.cpg-instruction-icon{color:#3b82f6;flex-shrink:0;font-size:24px;margin-top:4px}.cpg-instruction-content h3{color:#1e40af;font-size:16px;font-weight:700;margin:0 0 12px}.cpg-instruction-content ol{color:#1e3a8a;margin:0;padding-left:20px}.cpg-instruction-content li{line-height:1.6;margin-bottom:8px}.cpg-success{align-items:flex-start;background:#f0fdf4;border:1px solid #bbf7d0;border-left:4px solid #10b981;border-radius:12px;color:#065f46;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.cpg-success svg{color:#10b981;flex-shrink:0;font-size:20px;margin-top:2px}.cpg-success strong{display:block;margin-bottom:4px}.cpg-api-instructions{background:#fef3c7;border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:12px;margin-bottom:24px;padding:16px 20px}.cpg-api-instructions h4{color:#92400e;font-size:15px;font-weight:700;margin:0 0 12px}.cpg-api-instructions ol{color:#78350f;margin:0;padding-left:20px}.cpg-api-instructions li{line-height:1.6;margin-bottom:8px}.cpg-error{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:12px;color:#991b1b;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.cpg-error svg{color:#ef4444;flex-shrink:0;font-size:20px;margin-top:2px}.cpg-error strong{display:block;margin-bottom:4px}.cpg-prompt-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.cpg-prompt-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.cpg-prompt-title{align-items:center;color:#111827;display:flex;font-size:16px;font-weight:600;gap:10px}.cpg-prompt-title svg{color:#3b82f6;font-size:20px}.cpg-prompt-actions{display:flex;gap:8px}.btn-copy,.btn-download{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s}.btn-copy{background:#3b82f6;color:#fff}.btn-copy:hover{background:#2563eb}.btn-download{background:#6b7280;color:#fff}.btn-download:hover{background:#4b5563}.cpg-prompt-content{max-height:600px;overflow-y:auto;padding:20px}.cpg-prompt-text{word-wrap:break-word;background:#1e293b;border-radius:8px;color:#e2e8f0;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;margin:0;overflow-x:auto;padding:16px;white-space:pre-wrap}.cpg-empty-state{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.cpg-empty-state svg{color:#9ca3af;font-size:64px;margin-bottom:20px}.cpg-empty-state h3{color:#111827;font-size:20px;font-weight:700;margin:0 0 12px}.cpg-empty-state>p{color:#6b7280;font-size:15px;margin:0 0 24px;max-width:600px}.cpg-empty-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:20px;max-width:600px;padding:20px;text-align:left}.cpg-empty-info p{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.cpg-empty-info ul{color:#6b7280;margin:0;padding-left:20px}.cpg-empty-info li{line-height:1.6;margin-bottom:8px}.cpg-empty-info code{background:#e5e7eb;border-radius:4px;color:#111827;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:12px;padding:2px 6px}.cpg-loading{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.cpg-loading svg{color:#3b82f6;font-size:48px;margin-bottom:16px}.cpg-loading .spinning{animation:spin 1s linear infinite}.cpg-loading p{color:#6b7280;font-size:16px;margin:0}.cpg-loading-note{color:#9ca3af!important;font-size:14px!important;margin-top:12px!important}@media (max-width:768px){.cpg-header{align-items:flex-start;flex-direction:column}.cpg-header-actions{width:100%}.btn-generate-json,.btn-generate-text{flex:1 1;justify-content:center}.cpg-prompt-header{align-items:flex-start;flex-direction:column}.cpg-prompt-actions{width:100%}.btn-copy,.btn-download{flex:1 1;justify-content:center}}.permission-endpoint-mapping{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:0}.pem-header{background-color:#111827;border-radius:16px;box-shadow:0 10px 40px #00000026;color:#fff;justify-content:space-between;margin-bottom:28px;padding:28px 32px}.pem-header,.pem-header-left{align-items:center;display:flex}.pem-header-left{gap:20px}.pem-header-icon{font-size:36px;opacity:.95}.pem-header h2{font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0}.pem-header p{font-size:14px;margin:6px 0 0;opacity:.85}.pem-tabs{background:#f3f4f6;border-radius:12px;margin-bottom:24px;overflow-x:auto;padding:6px}.pem-tab,.pem-tabs{display:flex;gap:8px}.pem-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:12px 18px;transition:all .2s ease;white-space:nowrap}.pem-tab.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#111827}.pem-tab:hover:not(.active){color:#374151}.pem-tab svg{font-size:16px}.pem-content{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000d;padding:24px 32px}.pem-view{min-height:400px}.pem-view-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.pem-view-header h3{color:#111827;font-size:20px;font-weight:700;margin:0}.pem-view-actions{align-items:center;display:flex;gap:12px}.pem-search-form{align-items:flex-end;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:20px}.pem-search-form .form-group{display:flex;flex-direction:column;gap:8px}.pem-search-form label{color:#374151;font-size:13px;font-weight:600}.pem-search-form input,.pem-search-form select{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .2s}.pem-search-form input:focus,.pem-search-form select:focus{border-color:#06b6d4;box-shadow:0 0 0 4px #06b6d41a;outline:none}.pem-results{margin-top:24px}.pem-results h3{color:#111827;font-size:18px;font-weight:700;margin:0 0 16px}.endpoints-list{display:flex;flex-direction:column;gap:12px}.endpoint-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px 20px;transition:all .2s}.endpoint-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.endpoint-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.method-badge{border-radius:6px;font-size:11px;font-weight:700;padding:4px 10px;text-transform:uppercase}.method-get{background:#dbeafe;color:#1e40af}.method-post{background:#dcfce7;color:#166534}.method-put{background:#fef3c7;color:#92400e}.method-delete{background:#fee2e2;color:#991b1b}.method-patch{background:#e9d5ff;color:#6b21a8}.method-other{background:#e5e7eb;color:#374151}.endpoint-path{color:#111827;flex:1 1;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:14px;font-weight:600}.permission-code{background:#e0e7ff;border-radius:6px;color:#4f46e5;font-size:12px;font-weight:600;padding:4px 10px}.endpoint-details{border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:16px;padding-top:12px}.endpoint-detail{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:6px}.endpoint-detail svg{color:#9ca3af;font-size:14px}.endpoint-detail code{font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:12px}.controllers-list{display:flex;flex-direction:column;gap:12px}.controller-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.controller-header{align-items:center;cursor:pointer;display:flex;gap:12px;padding:16px 20px;transition:all .2s}.controller-header:hover{background:#f3f4f6}.controller-header svg{color:#6b7280;font-size:18px}.controller-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.controller-name{color:#111827;font-size:16px;font-weight:700}.controller-package{color:#6b7280;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:12px}.controller-stats{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.stat-badge{background:#e0e7ff;border-radius:6px;color:#4f46e5;font-size:12px;font-weight:600;padding:4px 12px}.method-counts{display:flex;flex-wrap:wrap;gap:6px}.method-count{border-radius:4px;font-size:11px;font-weight:600;padding:2px 8px}.controller-details{background:#fff;border-top:1px solid #e5e7eb;padding:12px 20px 16px 50px}.controller-file{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px}.controller-file code{font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:12px}.permissions-list{display:flex;flex-direction:column;gap:12px}.permission-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.permission-header{align-items:center;cursor:pointer;display:flex;gap:12px;padding:16px 20px;transition:all .2s}.permission-header:hover{background:#f3f4f6}.permission-header svg{color:#6b7280;font-size:18px}.permission-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.permission-code{color:#111827;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:15px;font-weight:700}.permission-stats{color:#6b7280;font-size:13px}.permission-details{background:#fff;border-top:1px solid #e5e7eb;padding:12px 20px 16px 50px}.permission-controllers{display:flex;flex-direction:column;gap:8px}.permission-controllers strong{color:#374151;font-size:13px}.controllers-tags{display:flex;flex-wrap:wrap;gap:6px}.controller-tag{background:#e0e7ff;border-radius:6px;color:#4f46e5;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:12px;font-weight:600;padding:4px 10px}.mapping-table-container{margin-bottom:20px;overflow-x:auto}.mapping-table{border-collapse:collapse;font-size:14px;width:100%}.mapping-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.mapping-table th{color:#374151;font-size:13px;font-weight:700;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.mapping-table td{border-bottom:1px solid #f3f4f6;padding:12px 16px}.mapping-table tbody tr:hover{background:#f9fafb}.mapping-table code{font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:12px}.file-path{color:#6b7280;font-size:11px}.pagination span{font-size:14px}.btn-primary,.btn-secondary{border-radius:8px;padding:10px 18px}.btn-primary{background:#111827}.btn-primary:hover:not(:disabled){background:#1f2937;transform:translateY(-1px)}.btn-secondary{border:1px solid #e5e7eb}.database-backup{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:0}.db-header{background-color:#111827;border-radius:16px;box-shadow:0 10px 40px #00000026;color:#fff;justify-content:space-between;margin-bottom:28px;padding:28px 32px}.db-header,.db-header-left{align-items:center;display:flex}.db-header-left{gap:20px}.db-header-icon{font-size:36px;opacity:.95}.db-header h2{font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0}.db-header p{font-size:14px;margin:6px 0 0;opacity:.85}.db-info-box{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;color:#1e40af;display:flex;gap:16px;margin-bottom:24px;padding:20px 24px}.db-info-box svg{color:#3b82f6;flex-shrink:0;font-size:24px;margin-top:2px}.db-info-box strong{color:#1e3a8a;display:block;font-size:15px;margin-bottom:8px}.db-info-box ul{font-size:14px;margin:8px 0 0;padding-left:20px}.db-info-box li{line-height:1.6;margin-bottom:6px}.db-options{margin-bottom:24px}.db-option-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000d;padding:28px 32px}.db-option-card h3{color:#111827;font-size:20px;font-weight:700;margin:0 0 24px}.option-group{margin-bottom:20px}.checkbox-label{flex-direction:column;gap:6px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{height:20px;margin-right:12px;width:20px}.checkbox-label>span:first-of-type{align-items:center;color:#111827;display:flex;font-size:15px;font-weight:600}.option-hint{color:#6b7280;font-size:13px;font-weight:400;margin-left:32px}.backup-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin:24px 0;padding:20px}.summary-item{align-items:center;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:10px 0}.summary-item:last-child{border-bottom:none}.summary-item strong{color:#374151;font-size:14px}.summary-item span{color:#111827;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:14px;font-weight:600}.btn-backup{align-items:center;background:#111827;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;margin-top:24px;padding:16px 24px;transition:all .2s;width:100%}.btn-backup:hover:not(:disabled){background:#1f2937;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.btn-backup:disabled{cursor:not-allowed;opacity:.6}.btn-backup svg{font-size:20px}.db-message{align-items:center;border-radius:12px;display:flex;font-size:14px;gap:12px;margin-bottom:24px;padding:16px 20px}.db-message.success{background:#dcfce7;border:1px solid #86efac;color:#166534}.db-message.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.db-message svg{flex-shrink:0;font-size:20px}.db-instructions{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000d;padding:28px 32px}.db-instructions h3{color:#111827;font-size:18px;font-weight:700;margin:0 0 20px}.instructions-content{gap:20px}.instruction-section{display:flex;flex-direction:column;gap:10px}.instruction-section strong{color:#374151;font-size:14px}.instruction-section pre{background:#1f2937;border-radius:8px;color:#f9fafb;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:13px;margin:0;overflow-x:auto;padding:12px 16px}.database-tables{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:0}.dt-header{background-color:#111827;border-radius:16px;box-shadow:0 10px 40px #00000026;color:#fff;justify-content:space-between;margin-bottom:28px;padding:28px 32px}.dt-header,.dt-header-left{align-items:center;display:flex}.dt-header-left{gap:20px}.dt-header-icon{font-size:36px;opacity:.95}.dt-header h2{font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0}.dt-header p{font-size:14px;margin:6px 0 0;opacity:.85}.btn-refresh{background:#ffffff26;border:1px solid #fff3}.btn-refresh:hover:not(:disabled){background:#ffffff40;transform:translateY(-1px)}.dt-tabs{background:#f3f4f6;border-radius:12px;margin-bottom:24px;overflow-x:auto;padding:6px}.dt-tab,.dt-tabs{display:flex;gap:8px}.dt-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:12px 18px;transition:all .2s ease;white-space:nowrap}.dt-tab.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#111827}.dt-tab:hover:not(.active){color:#374151}.dt-tab svg{font-size:16px}.dt-content{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000d;padding:24px 32px}.dt-content,.dt-view{min-height:400px}.tables-list{gap:12px}.table-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.table-header{align-items:center;cursor:pointer;display:flex;gap:12px;padding:16px 20px;transition:all .2s}.table-header:hover{background:#f3f4f6}.table-header svg{color:#6b7280;font-size:18px}.table-info{display:flex;flex-direction:column;gap:4px}.table-name{color:#111827;font-size:16px;font-weight:700}.btn-view{background:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-view:hover{background:#1f2937}.table-details{background:#fff;border-top:1px solid #e5e7eb;padding:12px 20px 16px 50px}.detail-item{color:#374151;margin-bottom:8px}.detail-item strong{color:#111827}.structure-view{display:flex;flex-direction:column;gap:24px}.structure-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding-bottom:16px}.structure-header h3{color:#111827;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:20px;font-weight:700;margin:0}.row-count{color:#6b7280;font-size:14px;font-weight:600}.structure-section{display:flex;flex-direction:column;gap:12px}.structure-section h4{color:#374151;font-size:16px;font-weight:700;margin:0}.table-container{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.data-table,.structure-table{border-collapse:collapse;font-size:14px;width:100%}.data-table thead,.structure-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.data-table th,.structure-table th{color:#374151;font-size:13px;font-weight:700;padding:12px 16px;text-align:left;white-space:nowrap}.data-table td,.structure-table td{border-bottom:1px solid #f3f4f6;padding:12px 16px;word-break:break-word}.data-table tbody tr:hover,.structure-table tbody tr:hover{background:#f9fafb}.data-table code,.structure-table code{background:#f3f4f6;border-radius:4px;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:12px;padding:2px 6px}.badge-primary{background:#dbeafe;border-radius:4px;color:#1e40af;display:inline-block;font-size:11px;font-weight:700;margin-left:8px;padding:2px 8px}.default-value{color:#059669}.text-muted,.text-null{color:#9ca3af}.text-null{font-style:italic}.data-controls{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;margin-bottom:20px;padding:16px}.control-group,.data-controls{align-items:center;display:flex}.control-group{gap:10px}.control-group label{color:#374151;font-size:14px;font-weight:600}.control-group select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 12px}.btn-refresh-small{align-items:center;background:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.btn-refresh-small:hover:not(:disabled){background:#1f2937}.btn-refresh-small:disabled{cursor:not-allowed;opacity:.5}.pagination{gap:16px;margin-top:20px;padding:20px 0}.btn-page{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .2s}.btn-page:hover:not(:disabled){background:#e5e7eb}.btn-page:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#6b7280;font-size:14px;font-weight:600}.query-editor{margin-bottom:24px}.query-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.query-header h3{color:#111827;font-size:18px;font-weight:700;margin:0}.query-info{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px}.query-info svg{font-size:16px}.query-input{border:2px solid #e5e7eb;border-radius:8px;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:13px;margin-bottom:12px;padding:12px 16px;resize:vertical;width:100%}.query-input:focus{border-color:#06b6d4;box-shadow:0 0 0 4px #06b6d41a;outline:none}.query-actions{display:flex;gap:12px}.btn-execute{align-items:center;background:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-execute:hover:not(:disabled){background:#1f2937}.btn-execute:disabled{cursor:not-allowed;opacity:.5}.btn-clear{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-clear:hover{background:#e5e7eb}.query-error{align-items:center;background:#fee2e2;border:1px solid #fca5a5;border-radius:12px;color:#991b1b;display:flex;font-size:14px;gap:12px;margin-bottom:24px;padding:16px 20px}.query-error svg{flex-shrink:0;font-size:20px}.query-results{margin-top:24px}.results-header{margin-bottom:16px}.results-header h4{color:#111827;font-size:16px;font-weight:700;margin:0}.empty-state svg,.loading-state svg{opacity:.5}.system-health{background:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:0}.sh-header{align-items:center;background:linear-gradient(135deg,#111827,#1f2937);border-radius:20px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff0d;color:#fff;display:flex;justify-content:space-between;margin-bottom:32px;overflow:hidden;padding:32px 40px;position:relative}.sh-header:before{background:radial-gradient(circle at 20% 50%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.sh-header-left{align-items:center;display:flex;gap:20px;position:relative;z-index:1}.sh-header-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:40px;opacity:.95}.sh-header h2{font-size:28px;font-weight:800;letter-spacing:-.8px;margin:0;text-shadow:0 2px 4px #0003}.sh-header p{font-size:15px;font-weight:400;letter-spacing:.2px;margin:8px 0 0;opacity:.9}.sh-header-actions{align-items:center;display:flex;gap:20px;position:relative;z-index:1}.auto-refresh-toggle{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 16px;transition:all .2s}.auto-refresh-toggle:hover{background:#ffffff26;border-color:#ffffff40}.auto-refresh-toggle input[type=checkbox]{accent-color:#fff;cursor:pointer;height:18px;width:18px}.btn-refresh{box-shadow:0 4px 12px #00000026;font-size:14px;font-weight:600;gap:8px;min-width:120px;overflow:hidden;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-refresh:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-refresh:hover:not(:disabled):before{height:200px;width:200px}.btn-refresh:hover:not(:disabled){box-shadow:0 6px 20px #00000040;transform:translateY(-2px) scale(1.05)}.btn-refresh:active:not(:disabled){box-shadow:0 2px 8px #0003;transform:translateY(0) scale(.98)}.btn-refresh:disabled{opacity:.4;transform:none}.btn-refresh svg{font-size:20px;position:relative;transition:transform .3s;z-index:1}.btn-refresh:hover:not(:disabled) svg{transform:rotate(180deg)}.btn-refresh .spinning{animation:spin 1s linear infinite}.sh-tabs{background:#f3f4f6;border-radius:12px;margin-bottom:28px;padding:6px}.sh-tab,.sh-tabs{display:flex;gap:8px}.sh-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;justify-content:center;padding:12px 18px;transition:all .2s ease}.sh-tab.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#111827}.sh-tab:hover:not(.active){color:#374151}.sh-tab svg{font-size:16px}.status-card{background:#fff;border:1px solid #e5e7eb;border-left:5px solid;border-radius:18px;box-shadow:0 4px 16px #00000014,0 1px 3px #0000001a;margin-bottom:28px;overflow:hidden;padding:28px 36px;position:relative;transition:all .3s ease}.status-card:before{background:linear-gradient(90deg,#0000,currentColor,#0000);content:"";height:3px;left:0;opacity:.3;position:absolute;right:0;top:0}.status-header{justify-content:space-between}.status-header,.status-info{align-items:center;display:flex}.status-info{gap:18px}.status-info svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:36px}.status-info h3{color:#111827;font-size:22px;font-weight:800;letter-spacing:-.5px;margin:0}.status-text{font-size:17px;font-weight:700;letter-spacing:.3px;margin:6px 0 0;text-transform:capitalize}.status-timestamp{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;display:flex;font-size:14px;font-weight:500;gap:10px;padding:8px 14px}.status-timestamp svg{color:#9ca3af;font-size:16px}.metrics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:32px}.metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 2px 8px #0000000f,0 1px 3px #00000014;overflow:hidden;padding:24px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.metric-card:after{background:linear-gradient(90deg,#e5e7eb,#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.metric-card:hover{border-color:#d1d5db;box-shadow:0 8px 24px #0000001f,0 2px 6px #0000001a;transform:translateY(-2px)}.metric-card:hover:after{opacity:1}.metric-header{align-items:flex-start;border-bottom:2px solid #f3f4f6;display:flex;gap:14px;margin-bottom:20px;padding-bottom:16px;position:relative}.metric-header svg{background:#f9fafb;border-radius:10px;color:#4b5563;flex-shrink:0;font-size:22px;margin-top:2px;padding:8px;transition:all .2s}.metric-card:hover .metric-header svg{background:#f3f4f6;color:#111827;transform:scale(1.1)}.metric-header>div{flex:1 1}.metric-header h4{color:#111827;font-size:17px;font-weight:800;letter-spacing:-.3px;margin:0 0 6px}.metric-description{color:#6b7280;font-size:13px;font-weight:400;line-height:1.5;margin:0}.metric-content{gap:12px}.metric-content,.metric-value{display:flex;flex-direction:column}.metric-value{gap:4px;margin-bottom:16px;position:relative}.metric-value .value{color:#111827;font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin-bottom:6px}.metric-value .label{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.status-indicator{border-radius:8px;box-shadow:0 2px 4px #0000001a;display:inline-block;font-size:11px;font-weight:800;letter-spacing:.8px;margin-top:6px;padding:6px 12px;text-transform:uppercase}.status-indicator.healthy{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;color:#166534}.status-indicator.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;color:#92400e}.status-indicator.critical{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#991b1b}.metric-status{align-items:flex-start;background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:14px;margin-bottom:20px;padding:16px 18px;transition:all .2s}.metric-status:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.metric-status svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0;font-size:26px;margin-top:2px}.metric-status>div{display:flex;flex:1 1;flex-direction:column;gap:6px}.status-connected{color:#10b981}.status-connected,.status-disconnected{font-size:16px;font-weight:800;letter-spacing:.3px}.status-disconnected{color:#ef4444}.status-description{color:#6b7280;font-size:13px;font-style:normal;font-weight:400;line-height:1.5}.metric-details{gap:8px}.detail-item,.metric-details{display:flex;flex-direction:column}.detail-item{border-bottom:1px solid #f3f4f6;font-size:13px;gap:6px;padding:14px 0;transition:all .2s}.detail-item:last-child{border-bottom:none;padding-bottom:0}.detail-item:hover{background:#fafbfc;border-radius:8px;margin:0 -8px;padding-left:8px;padding-right:8px}.detail-item.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-bottom:none;border-radius:10px;box-shadow:0 2px 8px #fbbf2433;margin-top:8px;padding:14px 16px}.detail-item.warning:hover{margin:8px -8px 0;padding-left:16px;padding-right:16px}.detail-item>div{align-items:center;display:flex;gap:12px;justify-content:space-between}.detail-label{color:#4b5563;font-size:13px;font-weight:700;letter-spacing:.2px}.detail-value{font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-weight:800;text-align:right}.detail-description{color:#6b7280;font-size:12px;font-style:normal;font-weight:400;line-height:1.5;margin-top:4px;padding-left:2px}.progress-container{border-top:2px solid #f3f4f6;margin-top:16px;padding-top:16px}.progress-label{align-items:center;color:#374151;display:flex;font-size:12px;font-weight:700;justify-content:space-between;letter-spacing:.3px;margin-bottom:10px}.progress-status{background:#f3f4f6;border-radius:6px;color:#374151;font-size:11px;font-weight:800;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.progress-bar{background:#f3f4f6;border-radius:8px;box-shadow:inset 0 2px 4px #0000000f;height:12px;overflow:hidden;position:relative;width:100%}.progress-bar:after{background:linear-gradient(180deg,#ffffff4d,#0000);border-radius:8px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.progress-fill{border-radius:8px;box-shadow:0 2px 8px #00000026;height:100%;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-fill:after{background:linear-gradient(180deg,#ffffff4d,#0000 50%);border-radius:8px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.section-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 4px 16px #00000014,0 1px 3px #0000001a;margin-bottom:28px;overflow:hidden;padding:28px 36px;position:relative;transition:all .3s ease}.section-card:before{background:linear-gradient(90deg,#e5e7eb,#0000);content:"";height:3px;left:0;opacity:.5;position:absolute;right:0;top:0}.section-card:hover{box-shadow:0 8px 24px #0000001f,0 2px 6px #0000001a;transform:translateY(-2px)}.section-header{border-bottom:3px solid #f3f4f6;gap:14px;margin-bottom:24px;padding-bottom:18px}.section-header svg{background:#f9fafb;border-radius:10px;color:#4b5563;font-size:22px;padding:10px;transition:all .2s}.section-card:hover .section-header svg{background:#f3f4f6;color:#111827;transform:scale(1.1)}.section-header h3{color:#111827;font-size:20px;font-weight:800;letter-spacing:-.4px;margin:0}.section-content{display:flex;flex-direction:column;gap:16px}.performance-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.performance-item{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:14px;padding:16px 20px;transition:all .2s}.performance-item:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.performance-item.note{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd}.perf-label{color:#4b5563;flex:1 1;font-size:14px;font-weight:700;letter-spacing:.2px}.perf-value{color:#111827;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:16px;font-weight:800;letter-spacing:.3px}.perf-note{color:#6b7280;font-size:13px;font-style:normal;font-weight:400}.performance-item svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));flex-shrink:0;font-size:20px}.error-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.error-item{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:14px;padding:16px 20px;transition:all .2s}.error-item:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.error-label{color:#4b5563;flex:1 1;font-size:14px;font-weight:700;letter-spacing:.2px}.error-value{color:#111827;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:16px;font-weight:800;letter-spacing:.3px}.status-healthy{color:#10b981}.status-healthy,.status-unhealthy{font-size:15px;font-weight:800;letter-spacing:.3px}.status-unhealthy{color:#ef4444}.error-note{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #93c5fd;border-radius:12px;box-shadow:0 2px 8px #3b82f626;color:#1e40af;display:flex;font-size:13px;font-weight:500;gap:10px;padding:16px 20px}.error-note svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));flex-shrink:0;font-size:18px}.empty-state,.loading-state{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 4px 16px #00000014;min-height:400px}.empty-state svg,.loading-state svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));margin-bottom:20px}.empty-state p,.loading-state p{color:#4b5563;font-size:17px;font-weight:600;letter-spacing:.3px}.api-metrics-view{display:flex;flex-direction:column;gap:24px}.api-metrics-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.api-metric-summary-card{background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:12px;padding:20px;text-align:center;transition:all .2s}.api-metric-summary-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.api-metric-summary-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.api-metric-summary-value{color:#111827;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:24px;font-weight:800}.endpoints-table-container{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow-x:auto}.endpoints-table{border-collapse:initial;border-spacing:0;min-width:800px;width:100%}.endpoints-table td,.endpoints-table th{border-bottom:1px solid #f3f4f6;padding:14px 18px;text-align:left}.endpoints-table th{background-color:#f9fafb;color:#4b5563;font-size:12px;font-weight:700;letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:1}.endpoints-table tbody tr:last-child td{border-bottom:none}.endpoints-table tbody tr:hover{background-color:#f3f4f6}.endpoints-table td{color:#374151;font-size:14px}.endpoints-table td code{background-color:#eef2f6;border-radius:4px;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:12px;padding:3px 6px}.endpoint-method-badge{border-radius:6px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.method-get{background-color:#10b981}.method-post{background-color:#3b82f6}.method-put{background-color:#f59e0b}.method-delete{background-color:#ef4444}.method-patch{background-color:#8b5cf6}.error-monitoring-view{display:flex;flex-direction:column;gap:24px}.error-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.error-stat-card{background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:12px;padding:20px;text-align:center;transition:all .2s}.error-stat-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.error-stat-card.critical{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.error-stat-card.warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.error-stat-card.healthy{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.error-stat-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.error-stat-value{color:#111827;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:28px;font-weight:800}.recent-errors-list{display:flex;flex-direction:column;gap:12px}.recent-error-item{background:#f9fafb;border:1px solid #e5e7eb;border-left:4px solid #ef4444;border-radius:12px;padding:16px 20px;transition:all .2s}.recent-error-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d;transform:translateX(2px)}.recent-error-message{color:#111827;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;margin-bottom:8px;word-break:break-word}.recent-error-timestamp{color:#6b7280;font-size:11px;font-weight:500}@media (max-width:768px){.sh-header{align-items:flex-start;flex-direction:column;gap:16px}.sh-header-actions{justify-content:space-between;width:100%}.api-metrics-summary,.error-grid,.error-stats-grid,.metrics-grid,.performance-grid{grid-template-columns:1fr}.endpoints-table-container{overflow-x:scroll}}.filesystem-management{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:0}.fsm-header{background-color:#111827;border-radius:16px;box-shadow:0 10px 40px #00000026;color:#fff;justify-content:space-between;margin-bottom:28px;padding:28px 32px}.fsm-header,.fsm-header-left{align-items:center;display:flex}.fsm-header-left{gap:20px}.fsm-header-icon{font-size:36px;opacity:.95}.fsm-header h2{font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0}.fsm-header p{font-size:14px;margin:6px 0 0;opacity:.85}.fsm-header-actions .btn-refresh{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.fsm-header-actions .btn-refresh:hover:not(:disabled){background:#ffffff40;transform:translateY(-1px)}.fsm-header-actions .btn-refresh:disabled{cursor:not-allowed;opacity:.5}.fsm-tabs{background:#f3f4f6;border-radius:12px;margin-bottom:28px;padding:6px}.fsm-tab,.fsm-tabs{display:flex;gap:8px}.fsm-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;justify-content:center;padding:12px 18px;transition:all .2s ease}.fsm-tab.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#111827}.fsm-tab:hover:not(.active){color:#374151}.fsm-tab svg{font-size:16px}.fsm-content{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:20px;box-shadow:0 4px 16px #00000014;overflow:hidden;padding:32px 40px;position:relative}.fsm-content:before{animation:shimmer 3s linear infinite;background:linear-gradient(90deg,#3b82f6,#06b6d4,#3b82f6);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fsm-navigation{align-items:center;background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;gap:16px;margin-bottom:24px;padding:20px 24px}.nav-buttons{display:flex;gap:8px}.btn-nav{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#4b5563;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.btn-nav:hover:not(:disabled){border-color:#06b6d4;box-shadow:0 2px 8px #0000000d;color:#06b6d4;transform:translateY(-1px)}.btn-nav:disabled{cursor:not-allowed;opacity:.5}.path-breadcrumb{align-items:center;display:flex;flex:1 1;gap:4px;overflow-x:auto;padding:8px 0}.breadcrumb-separator{color:#9ca3af;font-size:14px;margin:0 4px}.breadcrumb-item{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#4b5563;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s;white-space:nowrap}.breadcrumb-item:hover:not(:disabled){background:#ecfeff;border-color:#06b6d4;color:#06b6d4}.breadcrumb-item:disabled{background:#f3f4f6;cursor:default;opacity:.6}.fsm-toolbar{background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;gap:16px;margin-bottom:28px;padding:20px}.fsm-toolbar,.sort-controls{align-items:center;display:flex}.sort-controls{gap:8px}.sort-controls select{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#374151;cursor:pointer;font-size:14px;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.sort-controls select:focus{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a;outline:none}.btn-sort-order{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#4b5563;cursor:pointer;display:flex;font-size:18px;font-weight:600;height:44px;justify-content:center;transition:all .2s;width:44px}.btn-sort-order:hover{border-color:#06b6d4;box-shadow:0 2px 8px #0000000d;color:#06b6d4}.fsm-listing{gap:32px}.fsm-listing,.listing-section{display:flex;flex-direction:column}.listing-section{gap:16px}.section-title{background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;color:#111827;font-size:20px;font-weight:800;letter-spacing:-.3px;margin:0;padding:16px 20px}.section-title svg{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:10px;box-shadow:0 2px 4px #3b82f633;color:#3b82f6;padding:8px}.items-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.item-card{align-items:flex-start;background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;gap:16px;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.item-card:hover{background:linear-gradient(135deg,#fff,#f0fdfa);border-color:#06b6d4;box-shadow:0 8px 24px #06b6d426;transform:translateY(-4px)}.item-card.protected{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left:5px solid;border-color:#fde68a}.item-card.protected:hover{border-color:#f59e0b;box-shadow:0 8px 24px #f59e0b33}.item-icon{align-items:center;background:linear-gradient(135deg,#fff,#f3f4f6);border:2px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #0000000f;display:flex;flex-shrink:0;height:56px;justify-content:center;transition:all .3s;width:56px}.item-card:hover .item-icon{box-shadow:0 4px 12px #0000001a;transform:scale(1.1)}.item-icon svg{font-size:24px}.item-info{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.item-name{color:#111827;font-size:15px;font-weight:700;letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-meta{align-items:center;color:#6b7280;display:flex;font-size:13px;font-weight:500;gap:10px}.item-date{color:#9ca3af;font-size:12px;font-weight:400}.item-actions{align-items:flex-start;flex-shrink:0}.btn-action{background:#fff;border:2px solid #d1d5db;box-shadow:0 2px 4px #0000000d;color:#4b5563;display:flex;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.btn-action:hover{background:linear-gradient(135deg,#ecfeff,#cffafe);border-color:#06b6d4;box-shadow:0 4px 12px #06b6d433;color:#06b6d4;transform:translateY(-2px)}.btn-action.btn-delete{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca;color:#dc2626;display:flex;height:44px;justify-content:center;position:relative;width:44px}.btn-action.btn-delete:before{background:#ef44441a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s;width:0}.btn-action.btn-delete:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;box-shadow:0 6px 20px #ef444466;color:#fff;transform:translateY(-2px) scale(1.05)}.btn-action.btn-delete:hover:before{height:60px;width:60px}.btn-action.btn-delete .icon,.btn-action.btn-delete svg{stroke-width:2.5;color:inherit!important;display:block!important;font-size:20px!important;height:20px!important;opacity:1!important;position:relative;visibility:visible!important;width:20px!important;z-index:2}.disk-usage-header{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px}.path-input-group{display:flex;flex-direction:column;gap:8px}.path-input-group label{color:#374151;font-size:14px;font-weight:600}.path-input{display:flex;gap:12px}.path-input input{border:1px solid #d1d5db;border-radius:10px;color:#111827;flex:1 1;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:14px;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.path-input input:focus{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a;outline:none}.btn-analyze{align-items:center;background:#111827;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:background-color .2s,transform .2s}.btn-analyze:hover:not(:disabled){background:#1f2937;transform:translateY(-1px)}.btn-analyze:disabled{cursor:not-allowed;opacity:.5}.disk-usage-content{display:flex;flex-direction:column;gap:24px}.usage-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:32px;padding:20px}.summary-label{color:#6b7280;font-weight:600;letter-spacing:.5px}.summary-value{color:#111827}.usage-list{display:flex;flex-direction:column;gap:12px}.usage-item{grid-gap:16px;align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:grid;gap:16px;grid-template-columns:50px 1fr 120px 200px;padding:16px;transition:all .2s}.usage-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.usage-rank{align-items:center;background:#111827;border-radius:10px;color:#fff;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.usage-info{display:flex;flex-direction:column;gap:4px;min-width:0}.usage-name{color:#111827;font-size:15px;font-weight:600}.usage-name,.usage-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-path{color:#6b7280;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:12px}.usage-size{color:#111827;font-size:15px;font-weight:600;text-align:right}.usage-bar-container{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden}.usage-bar{background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:4px;height:100%;transition:width .3s ease}.modal-danger{max-width:500px}.details-grid{display:flex;flex-direction:column;gap:16px}.detail-row{border-bottom:1px solid #f3f4f6;gap:16px;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#6b7280;font-size:14px;font-weight:600;min-width:140px}.detail-value{align-items:center;color:#111827;display:flex;flex:1 1;font-size:14px;gap:8px}.detail-value code{background:#f3f4f6;border-radius:6px;color:#111827;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:13px;padding:4px 8px;word-break:break-all}.delete-warning{display:flex;flex-direction:column;gap:16px}.delete-warning p{color:#374151;font-size:15px;line-height:1.6;margin:0}.delete-path{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;display:block;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:13px;padding:12px 16px;word-break:break-all}.delete-info{background:#f9fafb;border-radius:8px;display:flex;gap:24px;padding:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:#6b7280;font-size:12px;font-weight:600}.info-value{color:#111827;font-size:15px;font-weight:600}.recursive-warning{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:16px}.checkbox-label{align-items:flex-start;gap:12px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;margin-top:2px;width:18px}.checkbox-label span{flex:1 1;line-height:1.5}.warning-note{background:#fef2f2;border-left:4px solid #ef4444;border-radius:4px;color:#991b1b;font-size:13px;line-height:1.5;margin:12px 0 0;padding:12px}.btn-secondary{border:1px solid #d1d5db;padding:10px 20px}.btn-danger,.btn-delete{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #dc2626;border-radius:12px;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.3px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-danger:before,.btn-delete:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.btn-danger:hover:not(:disabled):before,.btn-delete:hover:not(:disabled):before{height:200px;width:200px}.btn-danger:hover:not(:disabled),.btn-delete:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#b91c1c;box-shadow:0 8px 24px #ef444480;transform:translateY(-2px) scale(1.02)}.btn-danger:active:not(:disabled),.btn-delete:active:not(:disabled){box-shadow:0 2px 8px #ef444466;transform:translateY(0) scale(.98)}.btn-danger:disabled,.btn-delete:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-danger .icon,.btn-danger svg,.btn-delete .icon,.btn-delete svg{stroke-width:2.5;color:inherit!important;display:block!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));flex-shrink:0;font-size:20px!important;height:20px!important;opacity:1!important;position:relative;visibility:visible!important;width:20px!important;z-index:2}@media (max-width:768px){.fsm-header{align-items:flex-start;flex-direction:column;gap:16px}.fsm-header-actions{width:100%}.fsm-header-actions .btn-refresh{justify-content:center;width:100%}.items-grid,.usage-item{grid-template-columns:1fr}.usage-item{gap:12px}.usage-rank{justify-content:flex-start;width:100%}.usage-size{text-align:left}.usage-bar-container{width:100%}}.data-export{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:0}.de-header{background-color:#111827;border-radius:16px;box-shadow:0 10px 40px #00000026;color:#fff;justify-content:space-between;margin-bottom:28px;padding:28px 32px}.de-header,.de-header-left{align-items:center;display:flex}.de-header-left{gap:20px}.de-header-icon{font-size:36px;opacity:.95}.de-header h2{font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0}.de-header p{font-size:14px;margin:6px 0 0;opacity:.85}.de-header-actions .btn-refresh{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.de-header-actions .btn-refresh:hover:not(:disabled){background:#ffffff40;transform:translateY(-1px)}.de-header-actions .btn-refresh:disabled{cursor:not-allowed;opacity:.5}.de-tabs{background:#f3f4f6;border-radius:12px;margin-bottom:28px;padding:6px}.de-tab,.de-tabs{display:flex;gap:8px}.de-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;justify-content:center;padding:12px 18px;transition:all .2s ease}.de-tab.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#111827}.de-tab:hover:not(.active){color:#374151}.de-tab svg{font-size:16px}.de-content{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:20px;box-shadow:0 4px 16px #00000014;padding:32px 40px}.de-toolbar{align-items:center;display:flex;gap:16px;margin-bottom:24px}.search-box{border:2px solid #e5e7eb;box-shadow:0 2px 4px #0000000a;padding:14px 18px;transition:all .3s}.search-box:focus-within{border-color:#06b6d4;box-shadow:0 4px 12px #06b6d426}.search-box svg{color:#6b7280;font-size:18px}.search-box input{background:#0000;border:none;color:#111827;flex:1 1;font-size:14px;outline:none}.search-box input::placeholder{color:#9ca3af}.filter-group select{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000a;color:#374151;cursor:pointer;font-size:14px;padding:14px 18px;transition:border-color .2s,box-shadow .2s}.filter-group select:focus{border-color:#06b6d4;box-shadow:0 4px 12px #06b6d426;outline:none}.tables-list{gap:32px}.category-group,.tables-list{display:flex;flex-direction:column}.category-group{gap:16px}.category-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;padding:16px 20px}.category-header h3{color:#111827;font-size:20px;font-weight:800;letter-spacing:-.3px;margin:0}.category-count{background:#e5e7eb;border-radius:8px;color:#6b7280;font-size:14px;font-weight:600;padding:6px 12px}.tables-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.table-card{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.table-card:hover{border-color:#06b6d4;box-shadow:0 8px 24px #06b6d426;transform:translateY(-2px)}.table-card-header{gap:12px;margin-bottom:16px}.table-card-header,.table-icon{align-items:center;display:flex}.table-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;color:#3b82f6;flex-shrink:0;height:48px;justify-content:center;width:48px}.table-icon svg{font-size:24px}.table-info{flex:1 1;min-width:0}.table-info h4{color:#111827;font-size:18px;font-weight:700;letter-spacing:-.2px;margin:0 0 4px}.table-name{border-radius:6px;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:12px;padding:4px 8px}.btn-expand,.table-name{background:#f3f4f6;color:#6b7280}.btn-expand{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-expand:hover{background:#e5e7eb;color:#111827}.table-card-body{display:flex;flex-direction:column;gap:12px}.table-description{color:#4b5563;font-size:14px;line-height:1.6;margin:0}.table-meta{color:#6b7280;display:flex;font-size:13px;gap:16px}.meta-item{align-items:center;display:flex;gap:6px}.meta-item svg{font-size:14px}.table-card-expanded{border-top:2px solid #e5e7eb;display:flex;flex-direction:column;gap:16px;margin-top:16px;padding-top:16px}.expanded-section h5{color:#374151;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.expanded-section p{color:#4b5563;font-size:14px;line-height:1.6;margin:0}.key-fields{display:flex;flex-wrap:wrap;gap:8px}.field-badge{background:#eef2ff;border-radius:8px;color:#4f46e5;display:inline-block;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:12px;font-weight:600;padding:6px 12px}.expanded-actions{display:flex;gap:12px;margin-top:8px}.export-instructions{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #93c5fd;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:20px}.export-instructions svg{color:#3b82f6;flex-shrink:0;font-size:24px;margin-top:2px}.export-instructions h3{color:#1e40af;font-size:18px;font-weight:700;margin:0 0 12px}.export-instructions ul{color:#1e40af;margin:0;padding-left:20px}.export-instructions li{line-height:1.6;margin-bottom:8px}.export-tables-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.export-table-card{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;gap:16px;padding:24px;transition:all .3s}.export-table-card:hover{border-color:#06b6d4;box-shadow:0 8px 24px #06b6d426;transform:translateY(-2px)}.export-card-header{align-items:center;display:flex;gap:12px}.export-card-header svg{color:#3b82f6;font-size:28px}.export-card-header h4{color:#111827;font-size:18px;font-weight:700;margin:0}.export-card-header code{background:#f3f4f6;border-radius:4px;color:#6b7280;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:12px;padding:2px 6px}.export-card-description{color:#4b5563;flex:1 1;font-size:14px;line-height:1.6;margin:0}.export-card-meta{color:#6b7280;display:flex;font-size:13px;font-weight:500;justify-content:space-between}.btn-export{align-items:center;background:linear-gradient(135deg,#111827,#1f2937);border:none;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s}.btn-export:hover:not(:disabled){background:linear-gradient(135deg,#1f2937,#374151);box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.btn-export:disabled{cursor:not-allowed;opacity:.5}.stats-content{display:flex;flex-direction:column;gap:32px}.stats-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;transition:all .3s}.stat-card:hover{border-color:#06b6d4;box-shadow:0 8px 24px #06b6d426}.stat-card svg{color:#3b82f6;flex-shrink:0;font-size:36px}.stat-value{color:#111827;font-weight:800;letter-spacing:-.5px}.stat-label{color:#6b7280;font-weight:600;letter-spacing:.5px}.stats-sections{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.stats-section{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;padding:24px}.stats-section h3{color:#111827;font-size:20px;font-weight:800;letter-spacing:-.3px;margin:0 0 20px}.category-stats{display:flex;flex-direction:column;gap:12px}.category-stat-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s}.category-stat-item:hover{background:#f3f4f6;border-color:#d1d5db}.category-name{color:#374151;font-size:15px;font-weight:600}.category-value{color:#111827;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:16px;font-weight:700}.modal{border-radius:16px;box-shadow:0 20px 60px #0000004d}.modal-header{border-bottom:1px solid #e5e7eb;gap:12px}.modal-header h3{align-items:center;color:#111827;display:flex;flex:1 1;gap:10px}.btn-close{background:#f3f4f6;border-radius:8px;color:#6b7280}.btn-close:hover{background:#e5e7eb;color:#111827}.modal-body{padding:24px 28px}.metadata-content{display:flex;flex-direction:column;gap:24px}.metadata-section h4{color:#374151;font-size:16px;font-weight:700;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.metadata-section p{color:#4b5563;font-size:14px;line-height:1.6;margin:0}.category-badge{background:#eef2ff;border-radius:8px;color:#4f46e5;display:inline-block;font-size:13px;font-weight:600;padding:6px 12px}.record-count{color:#111827;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:18px;font-weight:700}.field-descriptions{display:flex;flex-direction:column;gap:12px}.field-description-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.field-name{color:#4f46e5;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:13px;font-weight:600}.field-desc{color:#4b5563;font-size:13px;line-height:1.5}.modal-footer{border-top:1px solid #e5e7eb;padding:20px 28px}.btn-primary{background:linear-gradient(135deg,#111827,#1f2937);display:flex;transition:all .3s}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1f2937,#374151);box-shadow:0 6px 20px #00000040}.btn-secondary{background:#f3f4f6;border:2px solid #d1d5db;color:#374151;display:flex;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.de-header{align-items:flex-start;flex-direction:column;gap:16px}.export-tables-grid,.stats-sections,.tables-grid{grid-template-columns:1fr}}.communication-config{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:0}.cc-header{background-color:#111827;border-radius:16px;box-shadow:0 10px 40px #00000026;color:#fff;justify-content:space-between;margin-bottom:28px;padding:28px 32px}.cc-header,.cc-header-left{align-items:center;display:flex}.cc-header-left{gap:20px}.cc-header-icon{font-size:36px;opacity:.95}.cc-header h2{font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0}.cc-header p{font-size:14px;margin:6px 0 0;opacity:.85}.cc-header-actions{display:flex;gap:12px}.btn-refresh,.btn-save{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.btn-refresh:hover:not(:disabled),.btn-save:hover:not(:disabled){background:#ffffff40;transform:translateY(-1px)}.btn-save{background:#10b98133;border-color:#10b9814d}.btn-save:hover:not(:disabled){background:#10b9814d}.btn-refresh:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.5}.cc-backend-notice{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;color:#92400e;display:flex;gap:16px;margin-bottom:24px;padding:20px 24px}.cc-backend-notice svg{color:#d97706;flex-shrink:0;font-size:24px;margin-top:2px}.cc-backend-notice .notice-content{flex:1 1}.cc-backend-notice strong{color:#78350f;display:block;font-size:16px;font-weight:700;margin-bottom:8px}.cc-backend-notice p{font-size:14px;line-height:1.6;margin:0 0 8px}.cc-backend-notice .notice-docs{border-top:1px solid #fbbf24;font-size:13px;font-style:italic;margin-top:12px;padding-top:12px}.cc-backend-notice code{background:#92400e1a;border-radius:4px;color:#78350f;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:12px;padding:2px 6px}.cc-mode-toggle{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #06b6d4;border-radius:16px;box-shadow:0 4px 12px #06b6d426;margin-bottom:28px;padding:24px 32px}.mode-toggle-container{display:flex;flex-direction:column;gap:16px}.mode-toggle-label{align-items:center;color:#0e7490;display:flex;font-size:16px;font-weight:700;gap:10px}.mode-toggle-label svg{color:#06b6d4;font-size:20px}.mode-toggle-buttons{display:flex;gap:12px}.mode-btn{align-items:center;background:#fff;border:2px solid #cbd5e1;border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:20px;transition:all .3s}.mode-btn:hover{border-color:#06b6d4;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.mode-btn.active{background:linear-gradient(135deg,#ecfeff,#cffafe);border-color:#06b6d4;box-shadow:0 4px 16px #06b6d433}.mode-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.mode-badge.demo{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.mode-badge.live{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.mode-text{color:#374151;font-size:14px;font-weight:600}.mode-info{border-top:1px solid #bfdbfe;padding-top:12px}.mode-info-text{color:#0e7490;font-size:13px;font-style:italic}.services-status{border-top:1px solid #bfdbfe;display:flex;flex-wrap:wrap;gap:24px;padding-top:16px}.status-item{align-items:center;display:flex;gap:8px}.status-label{color:#0e7490}.status-label,.status-value{font-size:13px;font-weight:600}.status-value{border-radius:6px;padding:4px 10px}.status-value.configured{background:#d1fae5;color:#065f46}.status-value.not-configured{background:#fee2e2;color:#991b1b}.cc-section{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:24px;padding:24px 32px;transition:all .3s}.cc-section:hover{box-shadow:0 4px 16px #00000014}.cc-section-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.cc-section-title{align-items:center;display:flex;gap:12px}.cc-section-title svg{color:#3b82f6;font-size:24px}.cc-section-title h3{color:#111827;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0}.toggle-switch{display:inline-block;height:28px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e1;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:20px;left:4px;position:absolute;transition:.3s;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:#10b981}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.cc-section-content{display:flex;flex-direction:column;gap:20px}.config-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.config-field{display:flex;flex-direction:column;gap:8px}.config-field label{color:#374151;font-size:14px;font-weight:600}.config-field input,.config-field select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#111827;font-size:14px;padding:12px 16px;transition:all .2s}.config-field input:focus,.config-field select:focus{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a;outline:none}.field-hint{color:#6b7280;font-style:italic}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{flex:1 1;padding-right:44px}.btn-toggle-password{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;transition:color .2s;width:32px}.btn-toggle-password:hover{background:#f3f4f6;color:#111827}.cc-section-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:16px;padding-top:16px}.test-input-group{align-items:center;display:flex;flex:1 1;gap:12px;max-width:600px}.test-input{border:2px solid #e5e7eb;border-radius:10px;color:#111827;flex:1 1;font-size:14px;padding:10px 16px;transition:all .2s}.test-input:focus{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a;outline:none}.test-input::placeholder{color:#9ca3af}.btn-test{align-items:center;background:linear-gradient(135deg,#111827,#1f2937);border:none;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-test:hover:not(:disabled){background:linear-gradient(135deg,#1f2937,#374151);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.btn-test:disabled{cursor:not-allowed;opacity:.5}.test-result{align-items:center;border-radius:10px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px}.test-result.success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.test-result.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.test-result svg{font-size:18px}.cc-instructions{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #93c5fd;border-radius:16px;margin-top:32px;padding:24px 32px}.instructions-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.instructions-header svg{color:#3b82f6;font-size:24px}.instructions-header h3{color:#1e40af;font-size:20px;font-weight:700;margin:0}.instructions-content{display:flex;flex-direction:column;gap:24px}.instruction-section{background:#fff;border:1px solid #bfdbfe;border-radius:12px;padding:20px}.instruction-section h4{color:#1e40af;font-size:16px;font-weight:700;margin:0 0 12px}.instruction-section ol{color:#1e40af;line-height:1.8;margin:0;padding-left:24px}.instruction-section li{margin-bottom:8px}.instruction-section code{background:#e0e7ff;border-radius:4px;color:#4338ca;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:12px;padding:2px 6px}.instruction-section a{color:#3b82f6;font-weight:600;text-decoration:none}.instruction-section a:hover{text-decoration:underline}.empty-state,.loading-state{font-size:16px;justify-content:center;padding:60px 20px}.empty-state svg,.loading-state svg{font-size:48px;margin-bottom:16px}.loading-state .spinning{animation:spin 1s linear infinite}@media (max-width:768px){.cc-header{align-items:flex-start;flex-direction:column;gap:16px}.cc-header-actions{flex-direction:column;width:100%}.config-grid{grid-template-columns:1fr}}.whatsapp-management{background:#f9fafb;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:calc(100vh - 120px);padding:0}.wm-header{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:20px;box-shadow:0 12px 48px #25d3664d;color:#fff;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px;overflow:hidden;padding:32px 40px;position:relative}.wm-header:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.wm-header-stats{gap:20px}.wm-header-stats,.wm-stat-item{align-items:center;display:flex}.wm-stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:14px;gap:12px;padding:14px 24px;position:relative;transition:all .3s;z-index:1}.wm-stat-item:hover{background:#ffffff40;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.wm-stat-item.wm-stat-unread{background:#ffffff40;border:1px solid #ffffff4d}.wm-stat-item svg{font-size:20px}.wm-stat-value{display:block;font-size:20px;font-weight:700;line-height:1}.wm-stat-label{display:block;font-size:12px;margin-top:4px;opacity:.9}.wm-header-left{align-items:center;display:flex;gap:24px;position:relative;z-index:1}.wm-header-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:42px;opacity:.95}.wm-header h2{font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 2px 4px #0000001a}.wm-header p{font-size:15px;font-weight:400;margin:8px 0 0;opacity:.95}.wm-header-actions{display:flex;gap:12px}.wm-content{background:#0000;display:flex;flex:1 1;gap:28px;min-height:0}.wm-conversations-panel{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;overflow:hidden;width:380px}.wm-search-box{align-items:center;background:#f9fafb;border-bottom:1px solid #f3f4f6;display:flex;gap:10px;padding:16px}.wm-search-box input{background:#0000;border:none;color:#111827;flex:1 1;font-size:14px;outline:none}.wm-search-box input::placeholder{color:#9ca3af}.wm-conversations-list{flex:1 1;overflow-y:auto;padding:8px}.wm-conversation-item{border-radius:12px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:16px;transition:all .2s}.wm-conversation-item:hover{background:#f3f4f6}.wm-conversation-item.active{background:#e0f2fe;border:1px solid #06b6d4}.wm-conversation-item.unread{background:#fef3c7;border-left:3px solid #f59e0b}.wm-conv-avatar{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.wm-conv-details{flex:1 1;min-width:0}.wm-conv-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.wm-conv-name{color:#111827;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wm-unread-badge{background:#25d366;border-radius:12px;color:#fff;font-size:11px;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.wm-conv-preview{align-items:center;display:flex;gap:8px;justify-content:space-between}.wm-conv-message{color:#6b7280;flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wm-conv-time{color:#9ca3af;font-size:12px;white-space:nowrap}.wm-messages-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.wm-messages-header{align-items:center;background:#f9fafb;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px 24px}.wm-messages-header-left{align-items:center;display:flex;gap:12px}.wm-refresh-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.wm-refresh-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db;color:#111827}.wm-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.wm-refresh-btn svg{font-size:18px}.wm-refresh-btn .spinning{animation:spin 1s linear infinite}.wm-messages-header-left svg{color:#25d366;font-size:24px}.wm-messages-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.wm-messages-header p{color:#6b7280;font-size:13px;margin:4px 0 0}.wm-messages-list{background:#f9fafb;display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px;scroll-behavior:smooth}.wm-message{animation:slideIn .3s ease;display:flex;max-width:70%}.wm-message.inbound{align-self:flex-start}.wm-message.outbound{align-self:flex-end}.wm-message-content{border-radius:18px;padding:12px 16px;position:relative}.wm-message.inbound .wm-message-content{background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000000d}.wm-message.outbound .wm-message-content{background:linear-gradient(135deg,#dcf8c6,#b8e994);border-bottom-right-radius:4px;box-shadow:0 1px 2px #0000000d}.wm-message-sender{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:6px;margin-bottom:6px;padding-bottom:4px}.wm-sender-icon{color:#6b7280;font-size:14px}.wm-sender-name{color:#374151;font-size:12px;font-weight:600}.wm-message-content p{word-wrap:break-word;color:#111827;font-size:14px;line-height:1.5;margin:0 0 6px}.wm-message-meta{align-items:center;display:flex;gap:4px;justify-content:flex-end}.wm-message-time{color:#6b7280;font-size:11px}.wm-status-icon{font-size:14px}.wm-status-icon.sent{color:#9ca3af}.wm-status-icon.delivered,.wm-status-icon.read{color:#25d366}.wm-status-icon.failed{color:#ef4444}.wm-pagination{background:#f9fafb;border-top:1px solid #f3f4f6;gap:16px;padding:16px}.wm-pagination,.wm-pagination button{align-items:center;display:flex;justify-content:center}.wm-pagination button{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#4b5563;cursor:pointer;height:36px;transition:all .2s;width:36px}.wm-pagination button:hover:not(:disabled){border-color:#25d366;color:#25d366}.wm-pagination button:disabled{cursor:not-allowed;opacity:.5}.wm-pagination span{color:#6b7280;font-size:14px;font-weight:500}.field-hint{color:#9ca3af;display:block;font-size:12px;margin-top:6px}.wm-reply-box{background:#fff;border-top:1px solid #f3f4f6;display:flex;gap:12px;padding:16px 24px}.wm-reply-box textarea{border:2px solid #e5e7eb;border-radius:24px;flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;resize:none;transition:border-color .2s}.wm-reply-box textarea:focus{border-color:#25d366}.btn-send{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:24px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-send:hover:not(:disabled){box-shadow:0 4px 12px #25d3664d;transform:translateY(-1px)}.btn-send:disabled{cursor:not-allowed;opacity:.6}.wm-no-selection{align-items:center;color:#9ca3af;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center}.wm-no-selection svg{font-size:64px;opacity:.5}.wm-no-selection p{font-size:16px;margin:0}.empty-state,.loading-state{gap:12px;padding:40px 20px}.empty-hint{font-size:12px;margin-top:4px}.btn-primary,.btn-secondary{border:none;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-primary{background:#fff;color:#128c7e}.btn-primary:hover{background:#ffffffe6}.btn-refresh{border:1px solid #ffffff4d;height:44px;transition:all .2s;width:44px}.form-group input,.form-group select,.form-group textarea{border:2px solid #000;box-shadow:0 2px 4px #0000000d;color:#000;font-family:inherit;font-weight:500;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.help-center{background:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:calc(100vh - 120px);padding:0}.hc-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 12px 48px #667eea4d;color:#fff;display:flex;justify-content:space-between;margin-bottom:32px;overflow:hidden;padding:32px 40px;position:relative}.hc-header:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.hc-header-left{align-items:center;display:flex;gap:24px;position:relative;z-index:1}.hc-header-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:42px;opacity:.95}.hc-header h2{font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 2px 4px #0000001a}.hc-header p{font-size:15px;font-weight:400;margin:8px 0 0;opacity:.95}.hc-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #0000000d;display:flex;gap:12px;margin-bottom:32px;padding:8px}.hc-tab{align-items:center;background:#0000;border:none;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.hc-tab:hover:not(.active){background:#f9fafb;color:#374151}.hc-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-1px)}.hc-tab svg{font-size:18px}.hc-content{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 2px 8px #0000000a;padding:32px 40px}.hc-section-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:28px;padding-bottom:20px}.hc-section-header h3{color:#111827;font-size:22px;font-weight:700;letter-spacing:-.3px}.hc-search-box{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;display:flex;flex:1 1;gap:12px;max-width:450px;padding:12px 20px;transition:all .3s}.hc-search-box:focus-within{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.hc-search-box svg{color:#9ca3af;font-size:18px}.hc-search-box input{background:#0000;border:none;color:#111827;flex:1 1;font-size:15px;outline:none}.hc-search-box input::placeholder{color:#9ca3af}.hc-categories-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.hc-article-card,.hc-category-card{background:#fff;border:2px solid #e5e7eb;border-radius:18px;box-shadow:0 2px 8px #0000000a;overflow:hidden;padding:28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.hc-article-card:before,.hc-category-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s}.hc-article-card:hover:before,.hc-category-card:hover:before{transform:scaleX(1)}.hc-article-card:hover,.hc-category-card:hover{border-color:#667eea;box-shadow:0 12px 32px #667eea33;transform:translateY(-4px)}.hc-card-header{align-items:start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.hc-card-header h4{color:#111827;flex:1 1;font-size:20px;font-weight:700;line-height:1.3;margin:0}.status-badge.published{background:linear-gradient(135deg,#d1fae5,#a7f3d0);box-shadow:0 2px 4px #10b98133;color:#065f46}.status-badge.draft{background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:0 2px 4px #f59e0b33;color:#92400e}.badge-featured{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:10px;box-shadow:0 2px 4px #3b82f633;color:#1e40af;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.hc-badges{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.hc-card-description,.hc-card-summary{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:15px;line-height:1.6;margin:0 0 16px;overflow:hidden}.hc-card-meta{border-bottom:1px solid #f3f4f6;border-top:1px solid #f3f4f6;color:#9ca3af;display:flex;font-size:13px;gap:20px;margin-bottom:16px;padding:12px 0}.hc-card-actions{display:flex;gap:10px;padding-top:16px}.btn-icon:hover{background:#f5f3ff;border-color:#667eea;box-shadow:0 4px 12px #667eea33;color:#667eea}.btn-icon.btn-delete:hover{background:#fef2f2}.hc-articles-list{grid-gap:24px;display:grid;gap:24px}.pagination button:hover:not(:disabled){background:#f5f3ff;border-color:#667eea;box-shadow:0 4px 12px #667eea33;color:#667eea}.article-view{padding:24px 0}.article-meta{border-bottom:2px solid #f3f4f6;color:#6b7280;display:flex;flex-wrap:wrap;font-size:14px;gap:24px;margin-bottom:24px;padding-bottom:20px}.article-content{color:#374151;font-size:16px;line-height:1.8}.article-content img{border-radius:12px;box-shadow:0 4px 16px #0000001a;height:auto;margin:24px 0;max-width:100%}.btn-primary,.btn-secondary{font-size:15px}.blog-management{background:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:calc(100vh - 120px);padding:0}.bm-header{align-items:center;background:linear-gradient(135deg,#ec4899,#a855f7);border-radius:20px;box-shadow:0 12px 48px #ec48994d;color:#fff;display:flex;justify-content:space-between;margin-bottom:32px;overflow:hidden;padding:32px 40px;position:relative}.bm-header:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.bm-header-left{align-items:center;display:flex;gap:24px;position:relative;z-index:1}.bm-header-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:42px;opacity:.95}.bm-header h2{font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 2px 4px #0000001a}.bm-header p{font-size:15px;font-weight:400;margin:8px 0 0;opacity:.95}.bm-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #0000000d;display:flex;gap:12px;margin-bottom:32px;padding:8px}.bm-tab{align-items:center;background:#0000;border:none;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.bm-tab:hover:not(.active){background:#f9fafb;color:#374151}.bm-tab.active{background:linear-gradient(135deg,#ec4899,#a855f7);box-shadow:0 4px 12px #ec48994d;color:#fff;transform:translateY(-1px)}.bm-tab svg{font-size:18px}.bm-content{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 2px 8px #0000000a;padding:32px 40px}.bm-filters{border-bottom:2px solid #f3f4f6;flex-wrap:wrap;gap:16px;margin-bottom:28px;padding-bottom:24px}.bm-filters,.bm-search-box{align-items:center;display:flex}.bm-search-box{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;flex:1 1;gap:12px;max-width:400px;padding:12px 20px;transition:all .3s}.bm-search-box:focus-within{background:#fff;border-color:#a855f7;box-shadow:0 0 0 4px #a855f71a}.bm-search-box svg{color:#9ca3af;font-size:18px}.bm-search-box input{background:#0000;border:none;color:#111827;flex:1 1;font-size:15px;outline:none}.bm-search-box input::placeholder{color:#9ca3af}.bm-filters select{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#111827;cursor:pointer;font-size:15px;font-weight:500;padding:12px 20px;transition:all .3s}.bm-filters select:focus{border-color:#a855f7;box-shadow:0 0 0 4px #a855f71a;outline:none}.bm-blogs-list{grid-gap:24px;display:grid;gap:24px}.bm-blog-card{background:#fff;border:2px solid #e5e7eb;border-radius:18px;box-shadow:0 2px 8px #0000000a;overflow:hidden;padding:28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.bm-blog-card:before{background:linear-gradient(90deg,#ec4899,#a855f7);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s}.bm-blog-card:hover:before{transform:scaleX(1)}.bm-blog-card:hover{border-color:#a855f7;box-shadow:0 12px 32px #a855f733;transform:translateY(-4px)}.bm-card-header{align-items:start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.bm-card-header h4{color:#111827;flex:1 1;font-size:20px;font-weight:700;line-height:1.3;margin:0}.status-badge{border-radius:10px;letter-spacing:.5px;white-space:nowrap}.status-badge.status-published{background:linear-gradient(135deg,#d1fae5,#a7f3d0);box-shadow:0 2px 4px #10b98133;color:#065f46}.status-badge.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:0 2px 4px #f59e0b33;color:#92400e}.status-badge.status-rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);box-shadow:0 2px 4px #ef444433;color:#991b1b}.status-badge.status-draft{background:linear-gradient(135deg,#e5e7eb,#d1d5db);box-shadow:0 2px 4px #6b728033;color:#374151}.bm-card-summary{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:15px;line-height:1.6;margin:0 0 16px;overflow:hidden}.bm-card-meta{border-bottom:1px solid #f3f4f6;border-top:1px solid #f3f4f6;color:#9ca3af;display:flex;flex-wrap:wrap;font-size:13px;gap:20px;margin-bottom:16px;padding:12px 0}.bm-rejection-reason{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444;border-radius:12px;box-shadow:0 2px 8px #ef44441a;color:#991b1b;font-size:14px;margin-bottom:16px;padding:16px}.bm-rejection-reason strong{display:block;font-weight:700;margin-bottom:6px}.bm-card-actions{display:flex;gap:10px;padding-top:16px}.btn-icon{border:2px solid #e5e7eb;color:#4b5563;transition:all .3s}.btn-icon:hover{background:#faf5ff;border-color:#a855f7;box-shadow:0 4px 12px #a855f733;color:#a855f7}.btn-icon.btn-approve:hover{background:#d1fae5;border-color:#10b981;color:#10b981}.btn-icon.btn-delete:hover,.btn-icon.btn-reject:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.blog-view{padding:24px 0}.blog-meta{border-bottom:2px solid #f3f4f6;display:flex;flex-wrap:wrap;font-size:14px;gap:24px;padding-bottom:20px}.blog-meta,.blog-summary{color:#6b7280;margin-bottom:24px}.blog-summary{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-left:4px solid #a855f7;border-radius:12px;box-shadow:0 2px 8px #0000000a;font-size:16px;line-height:1.7;padding:20px}.blog-content{color:#374151;font-size:16px;line-height:1.8;white-space:pre-wrap}.blog-tags{border-top:2px solid #f3f4f6;margin-top:24px;padding-top:24px}.blog-tags .tag{background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-radius:8px;color:#374151;display:inline-block;font-size:13px;font-weight:600;margin-right:10px;margin-top:10px;padding:6px 14px;transition:all .3s}.blog-tags .tag:hover{background:linear-gradient(135deg,#ec4899,#a855f7);box-shadow:0 4px 12px #a855f74d;color:#fff;transform:translateY(-2px)}.btn-danger{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 2px 8px #ef444433;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s}.btn-danger:hover:not(:disabled){box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.btn-danger:disabled{cursor:not-allowed;opacity:.5;transform:none}.pagination{border-top:2px solid #f3f4f6;gap:24px;margin-top:32px;padding:32px 0 0}.pagination,.pagination button{align-items:center;display:flex;justify-content:center}.pagination button{background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#4b5563;cursor:pointer;font-weight:600;height:44px;transition:all .3s;width:44px}.pagination button:hover:not(:disabled){background:#faf5ff;border-color:#a855f7;box-shadow:0 4px 12px #a855f733;color:#a855f7;transform:translateY(-2px)}.pagination button:disabled{cursor:not-allowed;opacity:.4;transform:none}.pagination span{color:#6b7280;font-size:15px;font-weight:600}.modal-large{max-width:1000px}.form-group input[type=text],.form-group select,.form-group textarea{background:#fff;border:2px solid #000;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#000;font-size:15px;font-weight:500;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group textarea{line-height:1.6;min-height:140px}.form-group select{padding-right:44px}.btn-refresh{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:14px;position:relative;z-index:1}.btn-refresh:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80;transform:rotate(90deg) scale(1.05)}.priority-management{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:0}.pm-header{background:#000;border-radius:20px;box-shadow:0 12px 48px #0000004d;color:#fff;justify-content:space-between;margin-bottom:32px;padding:32px 40px}.pm-header,.pm-header-left{align-items:center;display:flex}.pm-header-left{gap:24px}.pm-header-icon{font-size:42px;opacity:.95}.pm-header h2{font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0}.pm-header p{font-size:14px;margin:6px 0 0;opacity:.85}.pm-priorities-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.pm-priority-card{background:#fff;border:2px solid #000;border-radius:16px;box-shadow:0 2px 8px #0000001a;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.pm-priority-card:hover{border-color:#000;box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.pm-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.pm-priority-badge{border-radius:8px;color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px;padding:8px 16px}.pm-priority-name{text-transform:uppercase}.pm-inactive-badge{background:#e5e7eb;border-radius:6px;color:#6b7280;font-size:12px;font-weight:600;padding:4px 12px}.pm-card-body h3{color:#000;font-size:20px;font-weight:700;margin:0 0 8px}.pm-ar-name{color:#6b7280;font-size:16px;font-weight:500;margin:0 0 20px}.pm-sla-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px}.pm-sla-item{align-items:center;display:flex;gap:12px}.pm-sla-item svg{color:#000;font-size:20px}.pm-sla-item div{display:flex;flex-direction:column;gap:4px}.pm-sla-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.pm-sla-value{color:#000;font-size:16px;font-weight:700}.pm-card-meta{color:#6b7280;font-size:13px;gap:12px;padding-top:12px}.pm-card-actions,.pm-card-meta{border-top:1px solid #e5e7eb;display:flex}.pm-card-actions{gap:8px;margin-top:16px;padding-top:16px}.empty-hint{color:#9ca3af;font-size:14px}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background:#fff;border:2px solid #000;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#000;font-size:15px;font-weight:500;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;font-weight:400}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#000;box-shadow:0 0 0 4px #0000001a,0 4px 12px #0000001a;transform:translateY(-1px)}.form-group input:hover:not(:focus),.form-group select:hover:not(:focus),.form-group textarea:hover:not(:focus){border-color:#374151;box-shadow:0 2px 8px #00000014}.form-group input[type=checkbox]{accent-color:#000;border:2px solid #000;cursor:pointer;height:20px;margin-right:12px;width:20px}.form-group input[type=checkbox]:checked{background-color:#000;border-color:#000}.category-priority-mapping{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:0}.cpm-header{background:#000;border-radius:20px;box-shadow:0 12px 48px #0000004d;color:#fff;justify-content:space-between;margin-bottom:32px;padding:32px 40px}.cpm-header,.cpm-header-left{align-items:center;display:flex}.cpm-header-left{gap:24px}.cpm-header-icon{font-size:42px;opacity:.95}.cpm-header h2{font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0}.cpm-header p{font-size:14px;margin:6px 0 0;opacity:.85}.cpm-summary{background:#fff;border:2px solid #000;border-radius:16px;box-shadow:0 2px 8px #0000001a;display:flex;gap:24px;margin-bottom:32px;padding:24px}.cpm-summary-item{display:flex;flex:1 1;flex-direction:column;gap:8px}.cpm-summary-label{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.cpm-summary-value{color:#000;font-size:32px;font-weight:800}.cpm-content{display:flex;flex-direction:column;gap:32px}.cpm-section{background:#fff;border:2px solid #000;border-radius:16px;box-shadow:0 2px 8px #0000001a;padding:32px}.cpm-section h3{border-bottom:2px solid #000;color:#000;font-size:22px;font-weight:800;margin:0 0 24px;padding-bottom:16px}.cpm-priority-group{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;overflow:hidden}.cpm-priority-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;gap:16px;padding:20px 24px;transition:all .3s}.cpm-priority-header:hover{background:#f3f4f6}.cpm-priority-header svg{color:#000;font-size:20px}.cpm-priority-badge{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;padding:8px 16px}.cpm-priority-badge svg{font-size:16px}.cpm-category-count{color:#6b7280;font-size:14px;font-weight:600;margin-left:auto}.cpm-categories-list{display:flex;flex-direction:column;gap:12px;padding:16px}.cpm-categories-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.cpm-category-card{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:all .3s}.cpm-category-card:hover{border-color:#000;box-shadow:0 4px 12px #0000001a}.cpm-category-card.cpm-no-priority{background:#fffbeb;border-color:#fbbf24}.cpm-category-info{flex:1 1}.cpm-category-info h4{color:#000;font-size:18px;font-weight:700;margin:0 0 8px}.cpm-category-info p{color:#6b7280;font-size:14px;margin:0 0 8px}.cpm-price{color:#000;display:inline-block;font-size:16px;font-weight:700;margin-right:12px}.cpm-priority-badge-small{color:#fff}.cpm-priority-badge-small,.cpm-warning{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;margin-top:8px;padding:4px 12px}.cpm-warning{background:#fef3c7;color:#92400e}.cpm-category-actions{display:flex;gap:8px;margin-left:16px}.cpm-priority-preview{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;margin-top:20px;padding:20px}.cpm-preview-badge{border-radius:8px;color:#fff;display:inline-block;font-size:14px;font-weight:700;margin-bottom:12px;padding:8px 16px}.cpm-preview-details{color:#374151;display:flex;flex-direction:column;font-size:14px;gap:8px}.cpm-preview-details strong{color:#000;font-weight:700}.btn-primary,.btn-secondary{align-items:center;border:2px solid;border-radius:12px;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:10px;letter-spacing:.5px;overflow:hidden;padding:14px 28px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:#000;border-color:#000;box-shadow:0 4px 12px #00000026}.btn-primary:before{background:#fff;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s;width:100%;z-index:0}.btn-primary:hover:not(:disabled):before{left:0}.btn-primary:hover:not(:disabled){box-shadow:0 8px 24px #00000040;color:#000}.btn-primary>*{position:relative;z-index:1}.btn-primary:disabled{box-shadow:none;opacity:.4}.btn-secondary{background:#fff;border-color:#000;box-shadow:0 2px 8px #0000001a;color:#000}.btn-secondary:before{background:#000;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s;width:100%;z-index:0}.btn-secondary:hover:not(:disabled):before{left:0}.btn-secondary:hover:not(:disabled){box-shadow:0 6px 20px #0003;color:#fff;transform:translateY(-2px)}.btn-secondary>*{position:relative;z-index:1}.btn-refresh{align-items:center;background:#ffffff1a;border:2px solid #fff;border-radius:12px;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s;width:48px}.btn-refresh:hover:not(:disabled){background:#fff3;transform:translateY(-2px)}.btn-refresh:disabled{opacity:.5}.btn-icon{border:2px solid #000;color:#000;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-icon:hover{box-shadow:0 4px 12px #0003}.btn-icon.btn-delete:hover,.btn-icon:hover{background:#000;color:#fff}.empty-state,.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:20px;padding:80px 20px;text-align:center}.empty-state svg,.loading-state svg{color:#9ca3af;font-size:56px;opacity:.6}.loading-state svg.spinning{animation:spin 1s linear infinite}.empty-state p,.loading-state p{font-size:16px;font-weight:500;margin:0}.modal-overlay{animation:fadeIn .25s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9}.modal{animation:slideUp .35s cubic-bezier(.16,1,.3,1);border:1px solid #e5e7eb;box-shadow:0 32px 80px #00000080,0 0 0 1px #0000001a}.modal-header{background:#fff;border-bottom:2px solid #000;padding:32px 40px;position:relative}.modal-header:after{background:linear-gradient(90deg,#0000,#000 50%,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.modal-header h3{color:#000;font-size:24px;font-weight:800;letter-spacing:-.5px}.btn-close{background:#fff;border:2px solid #000;border-radius:12px;color:#000;font-size:20px;font-weight:600;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.btn-close:hover{background:#000;box-shadow:0 4px 12px #0003;color:#fff;transform:rotate(90deg) scale(1.05)}.modal-body{background:#fff;flex:1 1;overflow-y:auto;padding:40px}.modal-footer{background:#fff;border-top:2px solid #000;gap:16px;padding:32px 40px;position:relative}.modal-footer:before{background:linear-gradient(90deg,#0000,#000 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.form-group{margin-bottom:28px}.form-group:last-child{margin-bottom:0}.form-group label{color:#000;font-size:12px;font-weight:700;letter-spacing:.3px;margin-bottom:12px;text-transform:uppercase}.form-group select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:2px solid #000;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#000;cursor:pointer;font-size:15px;font-weight:500;padding:14px 44px 14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group select:focus{border-color:#000;box-shadow:0 0 0 4px #0000001a,0 4px 12px #0000001a;outline:none;transform:translateY(-1px)}.form-group select:hover:not(:focus){border-color:#374151;box-shadow:0 2px 8px #00000014}.unified-survey-management{margin:0 auto;max-width:1400px;padding:20px;position:relative;z-index:1}.usm-header{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.usm-header,.usm-header h2{align-items:center;display:flex}.usm-header h2{color:#333;font-size:24px;gap:8px;margin:0}.usm-actions{display:flex;flex-wrap:wrap;gap:12px}.review-type-filter{align-items:center;display:flex;gap:8px}.review-type-filter select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;min-width:200px;padding:8px 12px}.review-type-filter select:focus{border-color:#0080e0;box-shadow:0 0 0 3px #0080e01a;outline:none}.usm-statistics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.stat-card{border-left:4px solid #0080e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:16px;text-align:center}.stat-card.flagged{border-left-color:#f44336}.stat-card.unreviewed{border-left-color:#ff9800}.stat-label{color:#666;font-size:12px;margin-bottom:8px;text-transform:uppercase}.stat-value{color:#333;font-size:24px}.stat-value.rating-value{font-size:20px}.stat-value.success{color:#4caf50}.stat-value.info{color:#2196f3}.stat-value.warning{color:#ff9800}.stat-value.danger{color:#f44336}.stat-subvalue{color:#666;font-size:12px;margin-top:4px}.usm-filters{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px;padding:15px}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{align-items:center;background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 20px;transition:all .2s}.filter-btn:hover{background:#f0f8ff;border-color:#0080e0}.filter-btn.active{background:#0080e0;border-color:#0080e0;color:#fff}.agent-filter select{border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;min-width:200px;padding:8px 12px}.usm-empty,.usm-loading{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#666;padding:60px 20px;text-align:center}.usm-empty{align-items:center;display:flex;flex-direction:column;gap:16px}.usm-empty svg{color:#ccc;font-size:48px}.usm-surveys-list{grid-gap:16px;display:grid;gap:16px}.usm-survey-card{background:#fff;border-left:4px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:all .2s}.usm-survey-card:hover{box-shadow:0 4px 8px #00000026}.usm-survey-card.low-rating{background:#fff5f5;border-left-color:#f44336}.usm-survey-card.flagged{border-left-color:#f44336}.usm-survey-header{gap:12px;justify-content:space-between;margin-bottom:16px}.usm-survey-badges,.usm-survey-header{align-items:center;display:flex;flex-wrap:wrap}.usm-survey-badges{gap:8px}.review-type-badge{align-items:center;border:1px solid;border-radius:4px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.usm-survey-rating{align-items:center;display:flex;gap:12px}.rating-stars{font-size:20px;line-height:1}.rating-number{color:#666;font-size:16px;font-weight:700}.alert-sent-badge,.flagged-badge,.low-rating-badge,.reviewed-badge{align-items:center;border-radius:4px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.flagged-badge,.low-rating-badge{background:#ffebee;color:#c62828}.alert-sent-badge,.reviewed-badge{background:#e8f5e9;color:#2e7d32}.usm-survey-content{margin-top:12px}.usm-survey-info{grid-gap:8px;display:grid;gap:8px}.info-row strong{min-width:100px}.info-row.comment{border-top:1px solid #eee;font-style:italic;margin-top:8px;padding-top:8px}.info-row.comment p{color:#666;margin:5px 0 0}.usm-survey-actions{border-top:1px solid #eee;display:flex;gap:10px;margin-top:15px;padding-top:15px}.usm-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:16px}.btn-primary,.btn-refresh,.btn-review,.btn-secondary,.btn-warning{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-warning{background:#ff9800;color:#fff}.btn-warning:hover:not(:disabled){background:#f57c00}.btn-refresh{background:#0080e0;color:#fff}.btn-refresh:hover:not(:disabled){background:#0066c2}.btn-refresh:disabled{background:#ccc;cursor:not-allowed}.btn-review{background:#0080e0;color:#fff}.btn-review:hover{background:#0066c2}.btn-primary:disabled,.btn-secondary:disabled,.btn-warning:disabled{cursor:not-allowed;opacity:.6}.spinning{animation:spin 1s linear infinite}.modal-overlay{background:#0009}.btn-close{color:#999;height:30px;transition:background .2s;width:30px}.review-survey-info{background:#f9f9f9;border-radius:6px;margin-bottom:20px;padding:15px}.review-survey-info p{color:#333;margin:8px 0}.form-group label{font-weight:500}.form-group textarea{min-height:120px;padding:12px}.form-group textarea:focus{box-shadow:0 0 0 3px #0080e01a}.modal-footer{gap:10px}@media (max-width:768px){.usm-surveys-list{grid-template-columns:1fr}.usm-filters{align-items:stretch;flex-direction:column}.agent-filter select,.filter-buttons{width:100%}.usm-type-tabs{flex-direction:column}.type-tab{justify-content:center;width:100%}}.support-action-request-management{margin:0 auto;max-width:1400px;padding:20px;position:relative;z-index:1}.sarm-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.sarm-header-actions{display:flex;flex-wrap:wrap;gap:12px}.sarm-header h2{align-items:center;color:#333;display:flex;font-size:24px;gap:8px;margin:0}.sarm-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.filter-group{align-items:center;display:flex;gap:8px}.filter-group label{color:#666;font-size:14px;font-weight:600}.filter-select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;min-width:150px;padding:8px 12px}.filter-select:focus{border-color:#0080e0;outline:none}.sarm-summary{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:24px;margin-bottom:24px;padding:16px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{color:#666;font-size:12px;text-transform:uppercase}.summary-value{color:#333;font-size:20px;font-weight:700}.summary-value.warning{color:#ff9800}.sarm-empty,.sarm-loading{color:#666;padding:60px 20px;text-align:center}.sarm-empty{align-items:center;display:flex;flex-direction:column;gap:16px}.sarm-empty svg{color:#ccc;font-size:48px}.sarm-requests-list{grid-gap:16px;display:grid;gap:16px}.sarm-request-card{background:#fff;border-left:4px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:all .2s}.sarm-request-card:hover{box-shadow:0 4px 8px #00000026}.sarm-request-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.sarm-request-id{display:flex;flex-direction:column;gap:4px}.sarm-request-id strong{color:#333;font-size:16px}.action-type{color:#666;font-size:12px;font-weight:600;text-transform:uppercase}.action-type-badge{display:inline-block;font-size:11px;margin-left:8px;padding:4px 10px}.action-type-badge,.sarm-status-badge{border-radius:4px;color:#fff;font-weight:600;text-transform:uppercase}.sarm-status-badge{align-items:center;display:flex;font-size:12px;gap:6px;padding:6px 12px}.sarm-request-content{margin-top:12px}.sarm-request-info{grid-gap:8px;display:grid;gap:8px}.info-row{color:#333;display:flex;font-size:14px;gap:8px}.info-row strong{color:#666;min-width:120px}.additional-data{background:#f5f5f5;font-size:12px;max-width:100%;overflow-x:auto}.additional-data,.rejection-reason{border-radius:4px;margin-top:4px;padding:8px}.rejection-reason{background:#ffebee;color:#c62828}.sarm-request-actions{border-top:1px solid #eee;display:flex;gap:12px;margin-top:16px;padding-top:16px}.btn-approve,.btn-reject{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-approve{background:#4caf50;color:#fff}.btn-approve:hover{background:#388e3c}.btn-reject{background:#f44336;color:#fff}.btn-reject:hover{background:#d32f2f}.sarm-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:16px}.btn-pagination{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:8px 16px;transition:all .2s}.btn-pagination:hover:not(:disabled){background:#f0f8ff;border-color:#0080e0}.btn-pagination:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#666;font-size:14px}.modal-overlay{background:#00000080;z-index:10000}.modal{border-radius:8px;box-shadow:0 4px 20px #0000004d;position:relative;width:90%;z-index:10001}.modal-large{max-width:700px}.modal-header{border-bottom:1px solid #eee;padding:20px}.modal-header h3{color:#333}.btn-close{background:none;border-radius:4px;color:#666;height:32px;padding:0;width:32px}.btn-close:hover{background:#f5f5f5;color:#333}.modal-body{padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#333;margin-bottom:8px}.form-group textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:10px;resize:vertical;width:100%}.form-group textarea:focus{border-color:#0080e0;outline:none}.form-group input[type=number]{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px;width:100%}.form-group input[type=number]:focus{border-color:#0080e0;outline:none}.form-select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:10px;width:100%}.form-select:focus{border-color:#0080e0;outline:none}.loading-indicator{color:#666;font-size:14px;padding:12px;text-align:center}.ticket-info-preview,.user-info-preview{background:#f0f8ff;border-left:4px solid #0080e0;border-radius:4px;color:#333;font-size:13px;line-height:1.6;margin-top:8px;padding:12px}.user-info-preview{background:#f0fff4;border-left-color:#4caf50}.info-hint{background:#fff9e6;border-left:3px solid #ff9800;border-radius:4px;margin-top:6px;padding:8px}.info-hint small{color:#856404;font-size:12px;line-height:1.5}.request-details{background:#f5f5f5;border-radius:6px;padding:16px}.request-details p{color:#333;font-size:14px;margin:8px 0}.modal-footer{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:20px}.btn-danger,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-primary{background:#0080e0}.btn-primary:hover:not(:disabled){background:#0066c2}.btn-secondary{background:#f5f5f5;border:1px solid #ddd;color:#333}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover:not(:disabled){background:#d32f2f}.btn-danger:disabled,.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.spinner{border:3px solid #f3f3f3;height:40px;margin:0 auto;width:40px}.payment-strategies-management{background:#fff;min-height:calc(100vh - 100px);padding:24px}.section-header h2{letter-spacing:-.5px}.btn-primary:hover{background:linear-gradient(135deg,#0066c2,#0080e0)}.btn-primary:disabled{transform:none}.strategies-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.strategy-card{background:#fff;border:1px solid #e8ecf1;border-radius:16px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.strategy-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.strategy-card.active{border-left:4px solid #10b981}.strategy-card.inactive{border-left:4px solid #ef4444;opacity:.85}.strategy-card.active:before{background:linear-gradient(90deg,#10b981,#059669)}.strategy-card.active:before,.strategy-card.inactive:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.strategy-card.inactive:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.strategy-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.strategy-icon{align-items:center;background:linear-gradient(135deg,#0080e0,#0066c2);border-radius:14px;box-shadow:0 4px 12px #0080e04d;color:#fff;display:flex;flex-shrink:0;font-size:26px;height:56px;justify-content:center;width:56px}.strategy-info{flex:1 1}.strategy-info h3{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 6px}.strategy-name-ar{color:#64748b;font-size:14px;font-weight:500;margin:0 0 10px}.strategy-type{background:#eff6ff;color:#0080e0}.strategy-status .badge,.strategy-type{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.badge.active{background:#d1fae5;color:#065f46}.badge.inactive{background:#fee2e2}.strategy-config{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:16px}.config-item{border-bottom:1px dashed #e2e8f0;color:#475569;font-size:14px;margin-bottom:8px;padding:6px 0}.config-item:last-child{border-bottom:none;margin-bottom:0}.config-item strong{color:#1e293b;font-weight:600}.strategy-actions{display:flex;gap:10px;justify-content:flex-end}.btn-icon{border-radius:10px;font-size:18px;height:40px;width:40px}.btn-icon:hover{transform:translateY(-2px)}.btn-icon .active{color:#10b981}.empty-state{border-radius:16px}.modal{max-width:600px}.modal-header h3{font-size:22px}.btn-close{transition:all .2s}.form-group input,.form-group select,.form-group textarea{background:#fff}.form-row{grid-template-columns:2fr 1fr}.form-group.checkbox label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:10px}.form-group.checkbox input{accent-color:#0080e0;height:20px;width:auto;width:20px}.milestones-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px}.milestones-section label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:16px}.milestone-row{align-items:center;display:flex;gap:12px;margin-bottom:12px}.milestone-row input[type=text]{flex:1 1}.milestone-row input[type=number]{width:100px}.percentage-total{border-top:1px solid #e2e8f0;color:#1e293b;font-size:16px;font-weight:700;margin-top:16px;padding-top:16px}.percentage-total .warning{color:#ef4444;font-weight:600}.test-result{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:16px;margin:24px 0;padding:24px}.test-result h4{color:#0080e0;font-size:18px;font-weight:700;margin:0 0 16px}.installments{display:flex;flex-direction:column;gap:10px}.installment-item{align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;padding:14px 16px}.installment-item .amount{color:#0080e0;font-size:16px;font-weight:700}.installment-item .percentage{color:#64748b;font-size:14px;font-weight:600}.installment-total{align-items:center;background:linear-gradient(135deg,#0080e0,#0066c2);border-radius:12px;color:#fff;display:flex;font-size:16px;font-weight:700;justify-content:space-between;margin-top:12px;padding:16px}.loading{font-weight:500}@media (max-width:768px){.form-row,.strategies-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:16px}.payment-strategies-management{padding:16px}}.commission-settings-management{background:#fff;min-height:calc(100vh - 100px);padding:24px}.btn-primary:disabled{opacity:.6}.btn-secondary:hover{color:#1e293b}.global-commission-card{align-items:center;background:linear-gradient(135deg,#0080e0,#0066c2);border-radius:20px;box-shadow:0 10px 30px #0080e04d;color:#fff;display:flex;gap:24px;margin-bottom:32px;padding:32px}.global-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:18px;display:flex;flex-shrink:0;font-size:36px;height:72px;justify-content:center;width:72px}.global-info h3{font-size:16px;font-weight:600;margin:0 0 8px;opacity:.9}.global-percentage{font-size:42px;font-weight:800;margin-bottom:8px;text-shadow:0 2px 4px #0000001a}.global-info p{font-size:14px;margin:0;opacity:.85}.calculator-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:32px;padding:28px}.calculator-section h3{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:700;gap:10px;margin:0 0 24px}.calculator-form{display:flex;flex-direction:column;gap:24px}.calc-inputs{grid-gap:20px;align-items:flex-end;display:grid;gap:20px;grid-template-columns:1fr 1fr auto}.form-group{display:flex;flex-direction:column;gap:10px}.form-group input,.form-group select{background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:15px;padding:14px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#0080e0;box-shadow:0 0 0 4px #0080e01a;outline:none}.calc-btn{height:52px}.calc-result{background:#fff;border:2px solid #0080e0;border-radius:16px;box-shadow:0 4px 12px #0080e01a;padding:24px}.result-row{align-items:center;border-bottom:1px solid #e8ecf1;display:flex;font-size:15px;justify-content:space-between;padding:12px 0}.result-row:last-child{border-bottom:none}.result-row.highlight{background:#eff6ff;border-radius:10px;font-size:18px;font-weight:700;margin:12px -16px;padding:16px}.result-source{align-items:center;border-top:1px solid #e8ecf1;color:#0080e0;display:flex;font-size:14px;font-weight:600;gap:8px;margin-top:16px;padding-top:16px}.filter-tabs{flex-wrap:wrap;gap:10px;margin-bottom:24px}.filter-tabs button:hover{background:#f1f5f9;color:#475569}.settings-table-container{background:#fff;border:1px solid #e8ecf1;border-radius:20px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;overflow:hidden}.settings-table{border-collapse:collapse;width:100%}.settings-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#374151;font-size:13px;font-weight:700;letter-spacing:.5px;padding:18px;text-align:left;text-transform:uppercase}.settings-table td{border-bottom:1px solid #e8ecf1;color:#475569;font-size:14px;padding:18px}.settings-table tr:hover{background:#f8fafc}.settings-table tr.inactive{background:#f1f5f9;opacity:.6}.type-cell{gap:12px}.type-cell,.type-icon{align-items:center;display:flex}.type-icon{background:#eff6ff;border-radius:10px;color:#0080e0;font-size:18px;height:40px;justify-content:center;width:40px}.default-badge{background:#dbeafe;color:#0080e0;font-size:12px;padding:6px 14px}.default-badge,.percentage-badge{border-radius:20px;display:inline-block;font-weight:700}.percentage-badge{background:linear-gradient(135deg,#0080e0,#0066c2);color:#fff;font-size:14px;padding:8px 16px}.unlimited{color:#10b981;font-weight:600}.status-badge{display:inline-block}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:8px}.btn-icon{background:#f1f5f9;border:none;border-radius:8px;height:36px;width:36px}.btn-icon:hover{background:#e2e8f0;color:#1e293b}.btn-icon.danger{color:#ef4444}.btn-icon.danger:hover{background:#fee2e2}.modal{max-height:90vh;overflow-y:auto}.btn-close:hover{background:#cbd5e1;color:#1e293b}.form-row{grid-gap:20px;gap:20px}.modal-actions{margin-top:28px;padding-top:24px}.loading{height:400px}@media (max-width:768px){.calc-inputs{grid-template-columns:1fr}.global-commission-card{flex-direction:column;text-align:center}.form-row{grid-template-columns:1fr}.settings-table-container{overflow-x:auto}.settings-table{min-width:700px}}.escrow-management{background:#fff;min-height:calc(100vh - 100px);padding:24px}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #0080e059;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{align-items:center;display:inline-flex;font-weight:600;gap:8px;transition:all .3s ease}.project-selector{align-items:center;display:flex;gap:12px;margin-bottom:28px}.search-box{flex:1 1}.btn-icon{box-shadow:0 1px 3px #0000000d}.escrow-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px}.summary-card{align-items:center;background:#fff;border-left:4px solid;border-radius:16px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;display:flex;gap:18px;padding:24px;transition:all .3s ease}.summary-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.summary-card.total{border-left-color:#0080e0}.summary-card.held{border-left-color:#f59e0b}.summary-card.released{border-left-color:#10b981}.summary-card.refunded{border-left-color:#64748b}.summary-icon{align-items:center;background:#eff6ff;border-radius:14px;color:#0080e0;display:flex;font-size:24px;height:52px;justify-content:center;width:52px}.summary-info{display:flex;flex-direction:column}.summary-info .label{color:#64748b;font-size:13px;font-weight:600;margin-bottom:4px}.summary-info .value{color:#1e293b;font-size:24px;font-weight:800}.escrows-list{grid-gap:20px;display:grid;gap:20px}.escrow-card{background:#fff;border:1px solid #e8ecf1;border-radius:16px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;padding:24px;transition:all .3s ease}.escrow-card:hover{box-shadow:0 8px 24px #0000001a}.escrow-card.pending{border-left:4px solid #f59e0b}.escrow-card.held{border-left:4px solid #0080e0}.escrow-card.released{border-left:4px solid #10b981}.escrow-card.refunded{border-left:4px solid #64748b}.escrow-header{justify-content:space-between;margin-bottom:20px}.escrow-header,.escrow-status{align-items:center;display:flex}.escrow-status{gap:10px}.status-icon{font-size:24px}.status-icon.pending{color:#f59e0b}.status-icon.held{color:#0080e0}.status-icon.released{color:#10b981}.status-icon.refunded{color:#64748b}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.held{background:#dbeafe;color:#1e40af}.status-badge.released{background:#d1fae5;color:#065f46}.status-badge.refunded{background:#f1f5f9;color:#475569}.escrow-amount{color:#1e293b;font-size:28px;font-weight:800}.escrow-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:18px}.detail-row{align-items:flex-start;display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px}.detail-row:last-child{margin-bottom:0}.detail-row span:first-child{color:#64748b;font-weight:500}.detail-row p{color:#1e293b;font-weight:500;margin:0;max-width:60%;text-align:right}.escrow-actions{display:flex;gap:12px}.btn-action.release{background:#d1fae5;color:#065f46}.btn-action.release:hover{background:#10b981;color:#fff}.btn-action.refund{background:#fee2e2;color:#991b1b}.btn-action.refund:hover{background:#ef4444;color:#fff}.btn-action.hold{background:#dbeafe;color:#1e40af}.btn-action.hold:hover{background:#0080e0;color:#fff}.completed-text{align-items:center;color:#10b981;display:flex;font-size:14px;font-weight:700;gap:6px}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.3}.modal{max-width:450px}.form-group input,.form-group textarea{border:1px solid #e2e8f0;border-radius:12px;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#0080e0;box-shadow:0 0 0 4px #0080e01a;outline:none}@media (max-width:768px){.escrow-summary{grid-template-columns:repeat(2,1fr)}.escrow-header{align-items:flex-start;flex-direction:column;gap:12px}.escrow-actions{flex-wrap:wrap}}.phase-issues-management{background:#fff;min-height:calc(100vh - 100px);padding:24px}.section-header{align-items:center;border-bottom:2px solid #e8ecf1;display:flex;justify-content:space-between;margin-bottom:28px;padding-bottom:16px}.section-header h2{color:#1a202c;font-size:26px;font-weight:700;margin:0}.btn-primary{align-items:center;background:linear-gradient(135deg,#0080e0,#0066c2);box-shadow:0 4px 12px #0080e040;display:inline-flex;font-weight:600;gap:8px}.btn-primary:hover{box-shadow:0 6px 20px #0080e059}.issues-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:28px}.stat-card{border-left:4px solid;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;gap:18px}.stat-card:hover{box-shadow:0 8px 24px #0000001a}.stat-card.open{border-left-color:#ef4444}.stat-card.resolved{border-left-color:#10b981}.stat-card.total{border-left-color:#0080e0}.stat-icon{background:#f8fafc;color:#64748b;height:52px;width:52px}.stat-card.open .stat-icon{background:#fee2e2;color:#ef4444}.stat-card.resolved .stat-icon{background:#d1fae5;color:#10b981}.stat-card.total .stat-icon{background:#dbeafe;color:#0080e0}.stat-info .value{color:#1e293b;font-size:28px;font-weight:800}.stat-info .label{color:#64748b;font-size:13px;font-weight:600}.issues-filters{flex-wrap:wrap;margin-bottom:28px}.issues-filters,.search-box{align-items:center;display:flex;gap:12px}.search-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;min-width:200px;padding:0 16px}.search-box svg{color:#94a3b8}.search-box input,.search-box select{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:15px;outline:none;padding:14px 0}.filter-tabs{display:flex;gap:8px}.filter-tabs button{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.filter-tabs button.active{background:linear-gradient(135deg,#0080e0,#0066c2);border-color:#0080e0;box-shadow:0 4px 12px #0080e040;color:#fff}.btn-icon{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.btn-icon:hover{background:#f1f5f9;color:#0080e0}.issues-list{display:flex;flex-direction:column;gap:16px}.issue-card{background:#fff;border-left:4px solid;border-radius:16px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;padding:24px;transition:all .3s ease}.issue-card:hover{box-shadow:0 8px 24px #0000001a}.issue-card.open{border-left-color:#ef4444}.issue-card.resolved{border-left-color:#10b981}.issue-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.issue-type{align-items:center;display:flex;font-size:13px;gap:8px;padding:8px 16px}.issue-type,.status-badge{border-radius:20px;font-weight:700;text-transform:uppercase}.status-badge{font-size:12px;padding:6px 14px}.status-badge.open{background:#fee2e2;color:#991b1b}.status-badge.resolved{background:#d1fae5;color:#065f46}.issue-content{margin-bottom:16px}.issue-content .description{color:#1e293b;font-size:15px;line-height:1.6;margin:0 0 12px}.issue-meta{color:#64748b;display:flex;font-size:13px;font-weight:500;gap:20px}.resolution-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:18px}.resolution-box strong{color:#10b981;display:block;font-weight:700;margin-bottom:8px}.resolution-box p{color:#475569;margin:0 0 8px}.resolution-box small{color:#94a3b8;font-weight:500}.issue-actions{display:flex;gap:12px}.btn-action{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:10px 18px;transition:all .3s ease}.btn-action.resolve{background:#d1fae5;color:#065f46}.btn-action.resolve:hover{background:#10b981;color:#fff}.empty-state{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:20px;color:#64748b;padding:80px 20px}.loading{align-items:center;color:#64748b;display:flex;font-size:16px;height:200px;justify-content:center}.modal-overlay{bottom:0;left:0;right:0;top:0}.modal{border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-width:500px}.modal-header{background:#f8fafc;border-bottom:1px solid #e8ecf1;border-radius:20px 20px 0 0}.btn-close{align-items:center;background:#e2e8f0;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;width:36px}.modal form{padding:28px}.form-group{margin-bottom:24px}.form-group label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e8f0;border-radius:12px;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0080e0;box-shadow:0 0 0 4px #0080e01a;outline:none}.issue-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#475569;font-size:14px;margin:0;padding:14px}.modal-actions{border-top:1px solid #e8ecf1}@media (max-width:768px){.issues-stats{grid-template-columns:1fr}.issues-filters{align-items:stretch;flex-direction:column}}.rating-categories-management{background:#fff;min-height:100vh;padding:24px}.loading-spinner{border-top-color:#f59e0b}.header-icon{box-shadow:0 8px 24px #f59e0b4d}.action-btn.primary{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 16px #f59e0b4d}.action-btn.primary:hover{box-shadow:0 6px 24px #f59e0b66}.categories-container{display:flex;flex-direction:column;gap:12px}.category-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;gap:16px;padding:20px 24px;transition:all .3s ease}.category-item:hover{border-color:#fbbf24;box-shadow:0 8px 24px #00000014;transform:translateX(4px)}.category-item.inactive{background:#fafafa;opacity:.7}.item-rank{flex-direction:column;gap:6px}.item-rank,.rank-number{align-items:center;display:flex}.rank-number{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;color:#fff;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.rank-controls{display:flex;gap:4px}.rank-btn{align-items:center;background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.rank-btn:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.rank-btn:disabled{cursor:not-allowed;opacity:.4}.item-content{flex:1 1;min-width:0}.item-names h3{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 4px}.name-ar{font-size:14px;margin:0 0 10px}.item-badges{display:flex;gap:8px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:5px;padding:5px 12px;text-transform:uppercase}.badge.required{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.badge.optional{background:#f1f5f9;color:#64748b}.badge.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.item-actions{display:flex;gap:8px}.action-icon-btn{border-radius:10px;font-size:18px;height:40px;width:40px}.action-icon-btn:hover{transform:translateY(-2px)}.action-icon-btn.toggle.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.action-icon-btn.toggle:not(.active){background:#e2e8f0;color:#94a3b8}.empty-state-enhanced p{margin:0 0 24px}.modal{max-width:480px}.modal-title svg{background:linear-gradient(135deg,#f59e0b,#d97706)}.form-field{margin-bottom:20px}.form-field label{display:block;font-size:13px;margin-bottom:8px}.form-field input{padding:14px 16px;width:100%}.form-field input:focus{border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b1a}.form-checkboxes{margin-bottom:24px}.checkbox-label input:checked+.checkmark{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b}.btn-primary,.btn-secondary{border-radius:12px}.btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 16px #f59e0b4d}.btn-primary:hover{box-shadow:0 6px 24px #f59e0b66}@media (max-width:768px){.rating-categories-management{padding:16px}.page-header{flex-direction:column;gap:20px;padding:20px}.category-item{flex-wrap:wrap}.item-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;margin-top:12px;padding-top:12px;width:100%}.form-row{grid-template-columns:1fr}}.system-settings-management{background:#fff;min-height:100vh;padding:24px}.loading-container.small{padding:40px 20px}.loading-spinner{border-top-color:#0080e0}.header-icon{background:linear-gradient(135deg,#0080e0,#0066b3);box-shadow:0 8px 24px #0080e04d}.header-actions{display:flex;flex-wrap:wrap;gap:10px}.action-btn span{display:inline}.action-btn.primary{background:linear-gradient(135deg,#0080e0,#0066b3);box-shadow:0 4px 16px #0080e04d}.action-btn.primary:hover{box-shadow:0 6px 24px #0080e066}.file-label{cursor:pointer}.file-label input{display:none}.stat-card{box-shadow:0 2px 12px #0000000a}.filter-section{margin-bottom:24px;padding:24px}.search-wrapper{margin-bottom:20px}.search-wrapper svg{top:50%;transform:translateY(-50%)}.search-wrapper input{padding:16px 16px 16px 48px}.search-wrapper input:focus{border-color:#0080e0;box-shadow:0 0 0 4px #0080e01a}.search-wrapper input::placeholder{color:#94a3b8}.category-pills{display:flex;flex-wrap:wrap;gap:10px}.category-pill{align-items:center;background:#f1f5f9;border:2px solid #0000;border-radius:50px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.category-pill svg{font-size:16px}.category-pill:hover{background:#e2e8f0;transform:translateY(-1px)}.category-pill.active{background:#fff;border-color:#0080e0;border-color:var(--cat-color,#0080e0);box-shadow:0 4px 12px #00000014;color:#0080e0;color:var(--cat-color,#0080e0)}.pill-count{background:#0000001a;border-radius:20px;font-size:12px;font-weight:700;padding:2px 8px}.category-pill.active .pill-count{background:#0080e0;background:var(--cat-color,#0080e0);color:#fff}.settings-container{display:flex;flex-direction:column;gap:32px}.settings-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 2px 8px #0000000a;padding:24px}.section-header-bar{border-bottom:2px solid #f1f5f9;border-left:4px solid;margin-left:-24px;padding-left:16px}.section-title{align-items:center;display:flex;gap:12px}.section-title svg{font-size:22px}.section-title h3{color:#1e293b;font-size:18px;font-weight:700;margin:0}.section-count{background:#f1f5f9;border-radius:20px;color:#64748b;font-size:13px;font-weight:600;padding:4px 12px}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.settings-grid.single{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.setting-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.setting-card:before{background:linear-gradient(90deg,#0080e0,#00a8ff);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.setting-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.setting-card:hover:before{opacity:1}.setting-card.readonly{background:#f1f5f9;opacity:.9}.setting-card.readonly:before{background:#94a3b8}.setting-card.restart-required{border-color:#fbbf24}.setting-card.restart-required:before{background:linear-gradient(90deg,#fbbf24,#f59e0b);opacity:1}.card-header{margin-bottom:16px}.setting-key-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.setting-key{background:#0080e014;border-radius:8px;color:#0080e0;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:14px;font-weight:600;padding:6px 12px}.setting-badges{display:flex;flex-wrap:wrap;gap:8px}.type-badge{border:1px solid;border-radius:20px;letter-spacing:.5px;text-transform:uppercase}.restart-badge,.type-badge{font-size:10px;font-weight:700;padding:4px 10px}.restart-badge{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:20px;color:#92400e;display:flex;gap:4px}.readonly-badge{background:#e2e8f0;border-radius:20px;color:#64748b;font-size:10px;font-weight:700;padding:4px 10px}.card-body{margin-bottom:16px}.setting-desc{color:#475569;font-size:14px;line-height:1.5;margin:0 0 6px}.setting-desc-ar{color:#94a3b8;font-size:13px;line-height:1.5;margin:0}.card-footer{border-top:1px solid #e2e8f0;padding-top:16px}.view-mode{align-items:center;display:flex;justify-content:space-between}.value-display{display:flex;flex-direction:column;gap:4px}.value-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.setting-value{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:15px;max-width:200px;overflow:hidden;padding:10px 14px;text-overflow:ellipsis;white-space:nowrap}.card-actions{display:flex;gap:8px}.icon-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.icon-btn:hover{background:#f1f5f9;color:#1e293b;transform:translateY(-1px)}.icon-btn.success{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.icon-btn.success:hover{box-shadow:0 4px 12px #10b9814d}.icon-btn.danger{color:#ef4444}.icon-btn.danger:hover{background:#fee2e2}.icon-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.edit-mode{display:flex;gap:12px}.edit-input{background:#fff;border:2px solid #0080e0;border-radius:10px;flex:1 1;font-size:15px;padding:12px 16px;transition:all .3s ease}.edit-input:focus{box-shadow:0 0 0 4px #0080e026;outline:none}.edit-actions{display:flex;gap:8px}.empty-state-enhanced.small{background:#0000;box-shadow:none;padding:40px 20px}.modal-overlay{animation:fadeIn .2s ease}.modal{animation:slideUp .3s ease;display:flex;flex-direction:column;max-height:85vh;max-width:700px}.modal-header-enhanced{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-radius:24px 24px 0 0;display:flex;justify-content:space-between;padding:24px 28px}.modal-title{align-items:center;display:flex;gap:16px}.modal-title svg{background:linear-gradient(135deg,#0080e0,#0066b3);border-radius:14px;color:#fff;height:48px;padding:12px;width:48px}.modal-title h3{color:#1e293b;font-size:20px;font-weight:700;margin:0}.modal-subtitle{color:#64748b;display:block;font-size:13px;font-weight:500;margin-top:2px}.modal-close-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.modal-close-btn:hover{background:#fee2e2;border-color:#fecaca;color:#ef4444}.modal-body-enhanced{overflow-y:auto;padding:24px 28px}.audit-timeline{display:flex;flex-direction:column;gap:0;position:relative}.audit-timeline:before{background:linear-gradient(180deg,#e2e8f0,#cbd5e1);bottom:24px;content:"";left:19px;position:absolute;top:24px;width:2px}.audit-item{display:flex;gap:20px;padding:20px 0;position:relative}.audit-marker{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#0080e0,#0066b3);border-radius:50%;box-shadow:0 4px 12px #0080e04d;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px;z-index:1}.audit-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex:1 1;padding:20px}.audit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.audit-key{background:#0080e01a;border-radius:8px;color:#0080e0;font-family:SF Mono,Monaco,monospace;font-size:13px;font-weight:600;padding:6px 12px}.audit-time{color:#94a3b8;font-size:12px;font-weight:500}.audit-changes{align-items:center;display:flex;gap:12px;margin-bottom:16px}.change-box{border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:14px}.change-box.old{background:linear-gradient(135deg,#fee2e2,#fecaca)}.change-box.new{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.change-label{font-size:10px}.change-box.old .change-label{color:#991b1b}.change-box.new .change-label{color:#166534}.change-value{font-size:13px}.change-box.old .change-value{color:#7f1d1d}.change-box.new .change-value{color:#14532d}.change-arrow{font-size:20px}.audit-footer{display:flex;flex-wrap:wrap;gap:16px}.changed-by{color:#64748b}.change-reason,.changed-by{font-size:13px;font-weight:500}.change-reason{color:#0080e0}@media (max-width:768px){.system-settings-management{padding:16px}.page-header{flex-direction:column;gap:20px;padding:20px}.header-content{flex-direction:column;text-align:center}.header-actions{justify-content:center;width:100%}.action-btn span{display:none}.settings-grid,.settings-grid.single,.stats-grid{grid-template-columns:1fr}.category-pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.audit-changes{flex-direction:column}.change-arrow{transform:rotate(90deg)}}.audit-logs-management{background:#fff;min-height:100vh;padding:24px}.loading-spinner{border-top-color:#6366f1}.header-icon{box-shadow:0 8px 24px #6366f14d}.action-btn.primary{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 16px #6366f14d}.action-btn.primary:hover{box-shadow:0 6px 24px #6366f166}.stats-grid{margin-bottom:28px}.stat-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a;gap:16px;padding:24px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:14px;color:#fff;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.stat-info{display:flex;flex-direction:column}.stat-value{color:#1e293b;font-size:32px;font-weight:700;line-height:1}.stat-label{color:#64748b;font-size:14px;font-weight:500;margin-top:4px}.filter-section{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;gap:16px;margin-bottom:28px;padding:20px 24px}.search-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.search-wrapper svg{color:#94a3b8;font-size:20px;left:16px;position:absolute}.search-wrapper input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;padding:14px 44px 14px 48px;transition:all .3s ease;width:100%}.search-wrapper input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none}.clear-search{align-items:center;background:#e2e8f0;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:12px;transition:all .2s ease;width:28px}.clear-search:hover{background:#cbd5e1;color:#475569}.filter-actions{display:flex;gap:10px}.logs-timeline-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 2px 8px #0000000a;padding:32px}.timeline{padding-left:40px;position:relative}.timeline:before{background:linear-gradient(180deg,#e2e8f0,#cbd5e1 50%,#e2e8f0);bottom:0;content:"";left:15px;position:absolute;top:0;width:2px}.timeline-item{animation:slideInRight .4s ease forwards;margin-bottom:24px;opacity:0;position:relative;transform:translateX(20px)}@keyframes slideInRight{to{opacity:1;transform:translateX(0)}}.timeline-marker{align-items:center;border-radius:50%;box-shadow:0 4px 12px #00000026;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;left:-40px;position:absolute;top:0;width:32px;z-index:1}.timeline-item.created .timeline-marker{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.timeline-item.updated .timeline-marker{background:linear-gradient(135deg,#0080e0,#0066b3);color:#fff}.timeline-item.deleted .timeline-marker{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.change-icon{font-size:18px;font-weight:700}.timeline-content{flex:1 1}.log-card-enhanced{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;transition:all .3s ease}.log-card-enhanced:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #00000014}.log-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:16px}.log-header,.log-setting{align-items:center;display:flex;gap:10px}.log-setting svg{color:#6366f1;font-size:18px}.log-setting code{background:#6366f11a;border-radius:8px;color:#6366f1;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:700;padding:6px 12px}.log-time{align-items:center;color:#94a3b8;display:flex;font-size:13px;font-weight:500;gap:6px}.log-time svg{font-size:14px}.log-changes{margin-bottom:16px}.change-single{align-items:center;border-radius:12px;display:flex;gap:12px;padding:14px 16px}.change-single.created{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.change-single.deleted{background:linear-gradient(135deg,#fee2e2,#fecaca)}.change-label{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.change-single.created .change-label{color:#065f46}.change-single.deleted .change-label{color:#991b1b}.change-value{font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:600;word-break:break-all}.change-single.created .change-value{color:#065f46}.change-single.deleted .change-value{color:#991b1b}.change-comparison{align-items:center;display:flex;gap:12px}.change-side{border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:14px 16px}.change-side.old{background:linear-gradient(135deg,#fee2e2,#fecaca)}.change-side.new{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.side-label{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.change-side.old .side-label{color:#991b1b}.change-side.new .side-label{color:#1e40af}.change-side code{font-family:SF Mono,Monaco,monospace;font-size:13px;font-weight:600;word-break:break-all}.change-side.old code{color:#7f1d1d}.change-side.new code{color:#1e3a8a}.change-arrow{color:#94a3b8;font-size:24px;font-weight:700}.log-footer{border-top:1px dashed #e2e8f0;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-top:16px}.log-footer,.log-user{align-items:center;display:flex}.log-user{color:#64748b;font-size:13px;font-weight:600;gap:8px}.log-user svg{color:#6366f1}.log-reason{background:#0080e01a;border-radius:20px;color:#0080e0;font-size:13px;font-weight:500;padding:6px 12px}.null-value{color:#94a3b8;font-style:italic}.pagination-enhanced{border-top:1px solid #e2e8f0;gap:20px;justify-content:center;margin-top:32px;padding-top:24px}.page-btn,.pagination-enhanced{align-items:center;display:flex}.page-btn{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.page-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-indicator{font-size:15px;font-weight:600;gap:8px}.current-page,.page-indicator{align-items:center;display:flex}.current-page{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:10px;color:#fff;height:40px;justify-content:center;width:40px}.page-divider{color:#94a3b8}.total-pages{color:#64748b}@media (max-width:768px){.audit-logs-management{padding:16px}.page-header{flex-direction:column;gap:20px;padding:20px}.filter-section{align-items:stretch;flex-direction:column}.filter-actions{justify-content:flex-end}.logs-timeline-container{padding:20px}.timeline{padding-left:32px}.timeline:before{left:11px}.timeline-marker{font-size:12px;height:24px;left:-32px;width:24px}.change-comparison{flex-direction:column}.change-arrow{transform:rotate(90deg)}.log-header{align-items:flex-start;flex-direction:column}.pagination-enhanced{flex-wrap:wrap}}.project-status-names-management{background:#fff;min-height:100vh;padding:24px}.loading-spinner{border-top-color:#8b5cf6}.loading-container p{color:#64748b;font-size:16px;font-weight:500}.header-icon{box-shadow:0 8px 24px #8b5cf64d}.action-btn.secondary:hover{transform:translateY(-1px)}.toast-close{border-radius:6px;padding:4px;transition:background .2s}.toast-close:hover{background:#0000001a}.status-flow{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 2px 8px #0000000a;margin-bottom:28px;padding:24px 28px}.flow-title{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:700;gap:10px;margin:0 0 20px}.flow-title svg{color:#0080e0}.flow-steps{overflow-x:auto;padding-bottom:8px}.flow-step,.flow-steps{align-items:center;display:flex;gap:8px}.flow-step{flex-direction:column;min-width:80px}.step-dot{border-radius:50%;box-shadow:0 4px 12px #00000026;height:16px;width:16px}.step-label{color:#64748b;font-size:10px;font-weight:700;letter-spacing:.5px;text-align:center;text-transform:uppercase}.flow-arrow{color:#cbd5e1;font-size:20px;font-weight:700}.status-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.status-card-enhanced{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 2px 8px #0000000a;overflow:hidden;position:relative;transition:all .3s ease}.status-card-enhanced:hover{box-shadow:0 12px 40px #0000001f;transform:translateY(-4px)}.card-accent{height:4px;width:100%}.card-main{display:flex;gap:20px;padding:24px}.status-icon-large{align-items:center;border-radius:16px;box-shadow:0 8px 24px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:28px;height:64px;justify-content:center;width:64px}.status-details{flex:1 1;min-width:0}.status-code{margin-bottom:12px}.status-code code{background:#f1f5f9;border-radius:8px;color:#64748b;font-family:SF Mono,Monaco,monospace;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-names-display{margin-bottom:16px}.name-en{color:#1e293b;font-size:22px;font-weight:700;margin:0 0 6px}.name-ar{color:#64748b;font-size:16px;font-weight:500;margin:0}.status-description-box{background:#f8fafc;border-left:3px solid #0080e0;border-left:3px solid var(--card-color,#0080e0);border-radius:12px;padding:14px 16px}.desc-en{color:#475569;font-size:13px;font-weight:500;margin:0 0 4px}.desc-ar{color:#94a3b8;font-size:12px;margin:0}.card-footer-enhanced{align-items:center;background:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 24px}.status-meta{color:#94a3b8;font-size:12px;font-weight:500}.btn-edit-enhanced,.last-updated{align-items:center;display:flex;gap:6px}.btn-edit-enhanced{background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;padding:10px 18px;transition:all .2s ease}.btn-edit-enhanced:hover{background:#f1f5f9;transform:translateY(-1px)}.edit-form-enhanced{display:flex;flex-direction:column;gap:16px}.form-field label{color:#64748b}.form-field input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;padding:12px 16px;transition:all .3s ease}.form-field input:focus{border-color:#0080e0;border-color:var(--card-color,#0080e0);box-shadow:0 0 0 4px #0080e01a;outline:none}.edit-actions-enhanced{display:flex;gap:12px;margin-top:8px}.btn-save-enhanced{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 16px #00000026;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 20px;transition:all .3s ease}.btn-save-enhanced:hover:not(:disabled){box-shadow:0 6px 24px #0003;transform:translateY(-2px)}.btn-save-enhanced:disabled{cursor:not-allowed;opacity:.7}.btn-cancel-enhanced{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 20px;transition:all .2s ease}.btn-cancel-enhanced:hover{background:#e2e8f0}.empty-state-enhanced{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 2px 8px #0000000a;padding:80px 20px;text-align:center}.empty-icon-large{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:24px;color:#94a3b8;display:flex;font-size:36px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.empty-state-enhanced h3{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 8px}.empty-state-enhanced p{color:#64748b;font-size:15px;margin:0}@media (max-width:768px){.project-status-names-management{padding:16px}.page-header{flex-direction:column;gap:20px;padding:20px}.header-content{flex-direction:column;text-align:center}.status-cards-grid{grid-template-columns:1fr}.card-main{align-items:center;flex-direction:column;text-align:center}.flow-steps{flex-wrap:wrap;justify-content:center}.flow-arrow{display:none}.edit-actions-enhanced{flex-direction:column}}.sla-management{background:#fff;min-height:100vh;padding:24px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#ef4444;height:48px;width:48px}.page-header{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;margin-bottom:28px;padding:28px}.header-content{align-items:center;display:flex;gap:20px}.header-icon{border-radius:16px;box-shadow:0 8px 24px #ef44444d;color:#fff;display:flex;font-size:28px;height:64px;justify-content:center;width:64px}.header-text h1{color:#1e293b;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 6px}.header-text p{color:#64748b;font-size:15px;font-weight:500}.action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.action-btn.primary{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef44444d;color:#fff}.action-btn.primary:hover{box-shadow:0 6px 24px #ef444466;transform:translateY(-2px)}.action-btn.secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.action-btn.secondary:hover{background:#e2e8f0}.message-toast{align-items:center;animation:slideIn .3s ease;border-radius:12px;box-shadow:0 4px 16px #0000001a;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:24px;padding:16px 20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-toast.success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;color:#166534}.message-toast.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#991b1b}.toast-icon{font-size:20px}.toast-close{background:none;border:none;color:currentColor;cursor:pointer;font-size:18px;margin-left:auto}.tabs-container{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;display:flex;gap:8px;margin-bottom:24px;padding:6px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;position:relative;transition:all .3s ease}.tab-btn:hover{background:#ffffff80;color:#1e293b}.tab-btn.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#1e293b}.tab-badge{background:#ef4444;border-radius:20px;color:#fff;font-size:11px;font-weight:700;margin-left:4px;padding:2px 8px}.tab-content{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 2px 8px #0000000a;padding:24px}.section-header-bar{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.section-header-bar h3{color:#1e293b;font-size:18px;font-weight:700;margin:0}.categories-tree,.category-children,.category-tree-item{display:flex;flex-direction:column;gap:8px}.category-children{border-left:2px solid #e2e8f0;margin-top:8px;padding-left:16px}.category-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:16px 20px;transition:all .3s ease}.category-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f}.category-card.inactive{background:#fafafa;opacity:.6}.category-main{align-items:center;display:flex;gap:16px}.category-icon-wrapper{align-items:center;border-radius:12px;display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.category-info h4{color:#1e293b;font-size:16px;font-weight:700;margin:0 0 4px}.category-info .name-ar{color:#64748b;font-size:13px;margin:0 0 8px}.category-meta{display:flex;flex-wrap:wrap;gap:8px}.priority-badge{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.priority-badge,.sla-badge{border-radius:20px;padding:4px 10px}.sla-badge{align-items:center;background:#dbeafe;color:#1e40af;display:flex;font-size:11px;font-weight:600;gap:4px}.inactive-badge{background:#e2e8f0;border-radius:20px;color:#64748b;font-size:10px;font-weight:700;padding:4px 10px}.category-actions{display:flex;gap:8px}.action-icon-btn{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.action-icon-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.action-icon-btn.edit:hover{background:#dbeafe;color:#2563eb}.action-icon-btn.delete:hover{background:#fee2e2;color:#dc2626}.breaches-list{display:flex;flex-direction:column;gap:16px}.breach-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid;border-radius:16px;padding:20px}.breach-card.severity-low{border-left-color:#10b981}.breach-card.severity-medium{border-left-color:#f59e0b}.breach-card.severity-high{border-left-color:#ef4444}.breach-card.severity-critical{border-left-color:#7c2d12}.breach-header{justify-content:space-between;margin-bottom:12px}.breach-header,.breach-ticket{align-items:center;display:flex}.breach-ticket{gap:10px}.ticket-id{background:#0080e01a;border-radius:6px;color:#0080e0;font-family:monospace;font-size:13px;font-weight:700;padding:4px 10px}.ticket-subject{color:#1e293b;font-size:15px;font-weight:600}.severity-badge{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.breach-details{background:#f8fafc;border-radius:10px;display:flex;gap:24px;margin-bottom:16px;padding:12px 16px}.breach-type{align-items:center;font-weight:600;gap:6px}.breach-time,.breach-type{color:#64748b;display:flex;font-size:13px}.breach-time{gap:16px}.breach-time .overdue{color:#ef4444;font-weight:700}.acknowledge-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;padding:10px 18px;transition:all .3s ease}.acknowledge-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.acknowledge-form{display:flex;flex-direction:column;gap:12px}.acknowledge-form textarea{border:2px solid #e2e8f0;border-radius:10px;font-size:14px;min-height:80px;padding:12px 16px;resize:vertical}.acknowledge-form textarea:focus{border-color:#10b981;outline:none}.form-actions{display:flex;gap:10px;justify-content:flex-end}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.analytics-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;gap:16px;padding:24px}.analytics-card.main{grid-column:span 1}.analytics-icon{align-items:center;border-radius:14px;color:#fff;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.analytics-info{display:flex;flex-direction:column}.analytics-value{color:#1e293b;font-size:32px;font-weight:700;line-height:1}.analytics-label{color:#64748b;font-size:14px;font-weight:500;margin-top:4px}.analytics-breakdown{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.breakdown-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.breakdown-section h4{color:#1e293b;font-size:16px;font-weight:700;margin:0 0 20px}.breakdown-bars{display:flex;flex-direction:column;gap:16px}.breakdown-bar{gap:12px}.bar-label,.breakdown-bar{align-items:center;display:flex}.bar-label{color:#475569;font-size:13px;font-weight:600;gap:8px;min-width:100px}.severity-dot{border-radius:50%;height:12px;width:12px}.bar-track{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;transition:width .5s ease}.bar-value{color:#1e293b;font-size:14px;font-weight:700;min-width:30px;text-align:right}.empty-state{color:#94a3b8;padding:60px 20px;text-align:center}.empty-state svg{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h3{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 8px}.empty-state p{font-size:14px;margin:0}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal{background:#fff;border-radius:24px;box-shadow:0 25px 60px #00000040;max-width:560px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px 28px}.modal-header h3{color:#1e293b;font-size:20px;font-weight:700;margin:0}.modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.modal-close:hover{background:#fee2e2;color:#ef4444}.modal-form{padding:28px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{color:#374151;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.form-field input,.form-field select,.form-field textarea{background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .3s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a;outline:none}.form-checkboxes{display:flex;gap:24px;margin:20px 0}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px}.checkbox-label input{display:none}.checkmark{align-items:center;border:2px solid #e2e8f0;border-radius:6px;display:flex;height:22px;justify-content:center;transition:all .2s ease;width:22px}.checkbox-label input:checked+.checkmark{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444}.checkmark:after{color:#fff;content:"✓";font-size:14px;font-weight:700;opacity:0;transition:opacity .2s}.checkbox-label input:checked+.checkmark:after{opacity:1}.modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.btn-secondary{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .2s ease}.btn-secondary:hover{background:#e2e8f0}.btn-primary{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 4px 16px #ef44444d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 6px 24px #ef444466;transform:translateY(-2px)}@media (max-width:768px){.sla-management{padding:16px}.page-header{flex-direction:column;gap:20px;padding:20px}.tabs-container{flex-wrap:wrap}.form-row{grid-template-columns:1fr}.breach-details{flex-direction:column;gap:8px}.analytics-grid{grid-template-columns:1fr}}.dashboard-container{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh}.dashboard-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#0080e0;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard-header{background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:1px solid #0080e01a;box-shadow:0 4px 20px #00000014;justify-content:space-between;padding:24px 40px}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:20px}.logo-container{height:40px}.logo{height:100%;width:auto}.header-text h1{color:#333;font-size:24px;margin:0 0 5px}.header-text p{color:#666;font-size:14px;margin:0}.header-right{align-items:center;display:flex;gap:15px}.logout-button{background:linear-gradient(135deg,#f44,#c00);border:none;border-radius:10px;box-shadow:0 4px 12px #ff44444d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:12px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.logout-button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.logout-button:hover:before{height:300px;width:300px}.logout-button:hover{background:linear-gradient(135deg,#c00,#900);box-shadow:0 6px 20px #ff444480;transform:translateY(-3px)}.tab-navigation{background:linear-gradient(180deg,#fff,#f8f9fa);border-bottom:1px solid #0080e026;box-shadow:0 2px 8px #0000000a;display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;padding:0 40px;scrollbar-color:#0080e0 #f5f7fa;scrollbar-width:thin;white-space:nowrap}.tab-navigation::-webkit-scrollbar{height:8px}.tab-navigation::-webkit-scrollbar-track{background:#f5f7fa}.tab-navigation::-webkit-scrollbar-thumb{background:#0080e0;border-radius:4px}.tab-navigation::-webkit-scrollbar-thumb:hover{background:#0066c2}.tab-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;margin-bottom:-1px;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.tab-button:before{background:linear-gradient(90deg,#0080e0,#0066c2);bottom:0;content:"";height:3px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.tab-button.active{background:#0080e00d;color:#0080e0}.tab-button.active:before{transform:scaleX(1)}.tab-button:hover:not(.active){background:#0080e008;color:#0080e0}.tab-button .tab-icon{font-size:18px;transition:transform .3s ease}.tab-button.active .tab-icon{color:#0080e0;transform:scale(1.1)}.tab-divider{background:#e0e0e0;flex-shrink:0;height:30px;margin:10px 8px;width:1px}.coming-soon{color:#666;font-size:24px;padding:100px;text-align:center}.dashboard-content{background:#0000;min-height:calc(100vh - 200px);padding:40px;position:relative;z-index:1}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #0080e01a;border-radius:16px;box-shadow:0 4px 16px #00000014;display:flex;gap:20px;overflow:hidden;padding:28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(90deg,#0080e0,#0066c2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.stat-card:hover{border-color:#0080e04d;box-shadow:0 12px 32px #0080e026;transform:translateY(-6px)}.stat-card:hover:before{transform:scaleX(1)}.stat-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0080e0,#0066c2);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,128,224,.2));font-size:48px}.header-icon{align-items:center;color:#0080e0;display:inline-flex;margin-right:10px;vertical-align:middle}.tab-icon{font-size:18px;margin-right:8px;vertical-align:middle}.stat-info h3{color:#333;font-size:32px;font-weight:700;margin:0 0 5px}.stat-info p{color:#666;font-size:14px;font-weight:500;margin:0}.dashboard-sections{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.dashboard-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:30px}.dashboard-section h2{color:#333;font-size:20px;margin:0 0 20px}.actions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.action-button{background:#0080e0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:15px;transition:all .3s ease}.action-button:hover{background:#0066c2;box-shadow:0 4px 12px #0080e066;transform:translateY(-2px)}.activity-list{margin-top:20px}.activity-item{background:#f5f7fa;border-radius:8px;color:#666;font-size:14px;margin-bottom:10px;padding:15px}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:30px}.map-section{margin-top:40px}.chart-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #0080e01a;border-radius:16px;box-shadow:0 4px 16px #00000014;max-width:100%;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.chart-card:before{background:linear-gradient(90deg,#0080e0,#0066c2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.chart-card .recharts-wrapper{overflow:visible!important}.chart-card:hover{border-color:#0080e04d;box-shadow:0 12px 32px #0080e026;transform:translateY(-6px)}.chart-card:hover:before{transform:scaleX(1)}.chart-title{align-items:center;color:#1e293b;display:flex;font-size:22px;font-weight:700;gap:12px;letter-spacing:-.5px;margin:0 0 24px}.chart-title:before{background:linear-gradient(180deg,#0080e0,#0066c2);border-radius:2px;content:"";height:24px;width:4px}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:20px;text-align:center}.charts-grid,.dashboard-sections,.stats-grid{grid-template-columns:1fr}.dashboard-content{padding:20px}.maintenance-control-compact{margin:15px 0}.maintenance-messages-row{flex-direction:column}.maintenance-actions-row{gap:10px;grid-template-columns:1fr 1fr}.btn-maintenance-compact{font-size:13px;padding:10px 12px}}.maintenance-control-compact{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 12px #0000000f;margin:25px 0;padding:20px;transition:all .3s ease}.maintenance-control-compact.disabled{background:linear-gradient(90deg,#f0fff4 0,#fff 20%);border-color:#28a745}.maintenance-control-compact.register_only{background:linear-gradient(90deg,#fffef0 0,#fff 20%);border-color:#ffc107}.maintenance-control-compact.full_lockdown{background:linear-gradient(90deg,#fff5f5 0,#fff 20%);border-color:#dc3545}.maintenance-compact-header{align-items:center;display:flex;gap:20px;justify-content:space-between}.maintenance-compact-left{align-items:center;display:flex;flex:1 1;gap:15px}.maintenance-compact-icon{align-items:center;background:linear-gradient(135deg,#0080e0,#0066c2);border-radius:12px;box-shadow:0 4px 15px #0080e04d;color:#fff;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.maintenance-control-compact.disabled .maintenance-compact-icon{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px #28a7454d}.maintenance-control-compact.register_only .maintenance-compact-icon{background:linear-gradient(135deg,#ffc107,#ffb300);box-shadow:0 4px 15px #ffc1074d}.maintenance-control-compact.full_lockdown .maintenance-compact-icon{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 4px 15px #dc35454d}.maintenance-compact-info h3{color:#333;font-size:18px;font-weight:700;margin:0 0 8px}.maintenance-compact-status{align-items:center;display:flex;gap:8px}.status-indicator{animation:pulse 2s infinite;border-radius:50%;height:10px;width:10px}.status-indicator.disabled{background:#28a745;box-shadow:0 0 8px #28a74599}.status-indicator.register_only{background:#ffc107;box-shadow:0 0 8px #ffc10799}.status-indicator.full_lockdown{background:#dc3545;box-shadow:0 0 8px #dc354599}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{color:#666;font-size:14px;font-weight:600}.maintenance-compact-actions{display:flex;gap:10px}.btn-compact-refresh,.btn-compact-toggle{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s ease}.btn-compact-toggle{background:linear-gradient(135deg,#0080e0,#0066c2);color:#fff}.btn-compact-toggle:hover:not(:disabled){box-shadow:0 4px 15px #0080e066;transform:translateY(-2px)}.btn-compact-refresh{background:#6c757d;color:#fff;padding:10px 15px}.btn-compact-refresh:hover:not(:disabled){background:#545b62;transform:translateY(-2px)}.btn-compact-refresh:disabled,.btn-compact-toggle:disabled{cursor:not-allowed;opacity:.6}.maintenance-compact-panel{animation:slideDown .3s ease;border-top:2px solid #e0e0e0;margin-top:20px;padding-top:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.maintenance-messages-row{display:flex;gap:15px;margin-bottom:20px}.message-input-group{display:flex;flex:1 1;flex-direction:column;gap:6px}.message-input-group label{color:#555;font-size:13px;font-weight:600}.compact-message-input{border:2px solid #dee2e6;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 14px;transition:all .3s ease}.compact-message-input:focus{border-color:#0080e0;box-shadow:0 0 0 3px #0080e01a;outline:none}.maintenance-actions-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:15px}.btn-maintenance-compact{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s ease}.btn-maintenance-compact:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0}.btn-maintenance-compact:hover:before{height:300px;width:300px}.btn-maintenance-compact svg{font-size:18px;position:relative;z-index:1}.btn-maintenance-compact span{position:relative;z-index:1}.btn-maintenance-compact.enable{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-maintenance-compact.enable:hover:not(:disabled){box-shadow:0 6px 20px #28a74566;transform:translateY(-3px)}.btn-maintenance-compact.warning{background:linear-gradient(135deg,#ffc107,#ffb300);color:#333}.btn-maintenance-compact.warning:hover:not(:disabled){box-shadow:0 6px 20px #ffc10766;transform:translateY(-3px)}.btn-maintenance-compact.danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.btn-maintenance-compact.danger:hover:not(:disabled){box-shadow:0 6px 20px #dc354566;transform:translateY(-3px)}.btn-maintenance-compact.info{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.btn-maintenance-compact.info:hover:not(:disabled){box-shadow:0 6px 20px #17a2b866;transform:translateY(-3px)}.btn-maintenance-compact:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.maintenance-current-messages{background:#f8f9fa;border-left:4px solid #0080e0;border-radius:8px;padding:15px}.current-message{color:#555;font-size:13px;line-height:1.6;margin-bottom:8px}.current-message:last-child{margin-bottom:0}.current-message strong{color:#333;font-weight:700}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}#root{min-height:100vh}.custom-alert-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.custom-alert-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.custom-alert-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:16px;padding:24px 24px 16px}.custom-alert-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.custom-alert-title{color:#333;flex:1 1;font-size:20px;font-weight:600;margin:0}.custom-alert-body{padding:20px 24px}.custom-alert-message{word-wrap:break-word;color:#555;font-size:16px;line-height:1.6;margin:0}.custom-alert-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.custom-alert-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:10px 24px;transition:all .2s ease}.custom-alert-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.custom-alert-button:active{transform:translateY(0)}.custom-alert-button-confirm{color:#fff}.custom-alert-button-confirm:hover{opacity:.9}.custom-alert-button-cancel{background-color:#f5f5f5;color:#666}.custom-alert-button-cancel:hover{background-color:#e0e0e0}body.custom-alert-open{overflow:hidden}@media (max-width:600px){.custom-alert-modal{max-width:none;width:95%}.custom-alert-header{padding:20px 20px 12px}.custom-alert-body{padding:16px 20px}.custom-alert-footer{flex-direction:column-reverse;padding:12px 20px 20px}.custom-alert-button{width:100%}}
/*# sourceMappingURL=main.86f6db21.css.map*/