*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#1e293b;background-color:#fff;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:DM Sans,sans-serif;font-weight:600;line-height:1.3;margin-bottom:.5rem;letter-spacing:-.025em}h1{font-weight:600;font-size:24px;color:#495057}h2{font-weight:600;font-size:2rem}h3{font-weight:600;font-size:1.5rem}p{font-family:Roboto,sans-serif;margin-bottom:1rem;line-height:1.7}a{color:#3b82f6;text-decoration:none;transition:color .3s ease}a:hover{color:#3b82f6cc}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .3s ease}button:focus{outline:2px solid #3b82f6;outline-offset:2px}input,textarea,select{font-family:inherit;font-size:inherit;border:1px solid #d1d5db;border-radius:6px;padding:.75rem;transition:border-color .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}@media (max-width: 768px){.hide-mobile{display:none!important}}.hide-desktop{display:none!important}@media (max-width: 768px){.hide-desktop{display:block!important}}@media (max-width: 768px){h1{font-size:20px}h2{font-size:1.75rem}h3{font-size:1.25rem}.container{padding:0 1rem}}@media (max-width: 480px){h1{font-size:18px}h2{font-size:1.5rem}h3{font-size:1.125rem}}table{width:100%;border-collapse:collapse}@media (max-width: 768px){table{font-size:14px}table th,table td{padding:8px 4px}}@media (max-width: 768px){.card{margin-bottom:15px;padding:15px}}html{scroll-behavior:smooth}body{overflow-x:hidden;width:100%}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--shadow: rgba(0, 0, 0, .1)}.dark-theme{--bg-primary: #1e293b;--bg-secondary: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: #475569;--shadow: rgba(0, 0, 0, .3)}.dark-theme body{background-color:var(--bg-primary);color:var(--text-primary)}.dark-theme .header{background:var(--bg-primary);border-bottom-color:var(--border-color)}.dark-theme .header-sidebar-area{background:var(--bg-primary);border-right-color:var(--border-color)}.dark-theme .sidebar{background:var(--bg-secondary);border-right-color:var(--border-color)}.dark-theme .greeting,.dark-theme .profile-name{color:var(--text-primary)}.dark-theme .dropdown-arrow{color:var(--text-secondary)}.dark-theme .dropdown-menu{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 4px 12px var(--shadow)}.dark-theme .dropdown-item{color:var(--text-primary)}.dark-theme .dropdown-item:hover{background:var(--bg-secondary)}.dark-theme .dropdown-item.selected{background:#1e40af;color:#fff}.dark-theme .dropdown-item.selected:hover{background:#1d4ed8}.dark-theme .language-selector:hover,.dark-theme .profile-section:hover{background:var(--bg-secondary)}.dark-theme .theme-btn{color:var(--text-secondary)}.dark-theme .theme-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.dark-theme input,.dark-theme textarea,.dark-theme select{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark-theme input:focus,.dark-theme textarea:focus,.dark-theme select:focus{border-color:#3b82f6;background:var(--bg-primary)}.dark-theme .metric-card,.dark-theme .chart-card,.dark-theme .tickets-container{background:var(--bg-secondary);border-color:var(--border-color)}.action-trigger{background:none;border:none;cursor:pointer;padding:8px 12px;font-size:18px;color:#666;transition:all .2s ease}.action-trigger:hover{color:#007bff;transform:scale(1.1)}.action-trigger .arrow-icon{font-weight:700}.edit-row{background:#f8f9fa;border-top:2px solid #007bff}.edit-row td{padding:0!important}.edit-form-inline{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;gap:15px}.btn-delete-inline{background:#dc3545;color:#fff;border:none;padding:10px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;flex:0 0 auto}.btn-delete-inline:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}.btn-delete-inline:disabled{background:#ccc;cursor:not-allowed}.btn-update-inline{background:#007bff;color:#fff;border:none;padding:10px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;flex:0 0 auto}.btn-update-inline:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 2px 8px #007bff4d}.customer-row{cursor:pointer;transition:background-color .2s ease}.customer-row:hover{background:#f8f9fa}.customer-row.expanded{background:#e7f3ff}.action-buttons-inline{display:flex;gap:10px;align-items:center;justify-content:space-between}.action-buttons-inline .btn-delete{background:#dc3545;color:#fff;border:none;padding:6px 16px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.action-buttons-inline .btn-delete:hover{background:#c82333}.action-buttons-inline .btn-delete:disabled{background:#ccc;cursor:not-allowed}.action-buttons-inline .btn-update{background:#007bff;color:#fff;border:none;padding:6px 16px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.action-buttons-inline .btn-update:hover{background:#0056b3}.email-preview img,.email-preview img[alt=Logo],.email-preview img[src*=logo],[contenteditable=true] img,[contenteditable=true] img[alt=Logo],[contenteditable=true] img[src*=logo]{max-width:75px!important;min-width:0!important;width:75px!important;height:37px!important;max-height:37px!important;min-height:0!important;display:block!important;margin:0 auto!important;object-fit:contain!important}