:root{--primary: #2563eb;--primary-2: #7c3aed;--primary-3: #06b6d4;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--text: #0f172a;--text-soft: #64748b;--surface: #ffffff;--surface-2: #f8fbff;--surface-3: #eef5ff;--border: rgba(148, 163, 184, .18);--radius-xl: 16px;--radius-lg: 14px;--radius-md: 12px;--radius-sm: 10px;--grad-main: linear-gradient(180deg, #2563EB 0%, #1D4ED8 100%);--grad-soft: linear-gradient(145deg, #ffffff 0%, #f2f8ff 50%, #eef3ff 100%);--grad-card: linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(246, 250, 255, .88))}body.dark-mode{--text: #e2e8f0;--text-soft: #94a3b8;--surface: #0f172a;--surface-2: #111c31;--surface-3: #15213a;--border: rgba(255, 255, 255, .08);--shadow-1: 0 12px 34px rgba(0, 0, 0, .24);--shadow-2: 0 28px 65px rgba(0, 0, 0, .34);--shadow-3: 0 30px 80px rgba(14, 165, 233, .1);--grad-soft: linear-gradient(145deg, #0f172a 0%, #162033 50%, #1a2740 100%);--grad-card: linear-gradient(145deg, rgba(15, 23, 42, .95), rgba(22, 32, 51, .84))}html,body{min-height:100%;scroll-behavior:smooth;font-size:17px}body{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);min-height:100vh;overflow-x:hidden;background-color:#f8fafc;transition:background .3s ease,color .3s ease}body.dark-mode{background:radial-gradient(circle at 12% 15%,rgba(14,165,233,.14),transparent 24%),radial-gradient(circle at 86% 75%,rgba(124,58,237,.14),transparent 28%),linear-gradient(145deg,#020817,#0b1220 42%,#111827)}body:before,body:after{content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(80px);pointer-events:none}body:before{width:260px;height:260px;top:-70px;left:-50px;background:#2563eb24}body:after{width:320px;height:320px;right:-90px;bottom:-90px;background:#7c3aed24}.top-nav{background:#ffffff9e;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);padding:14px 0}body.dark-mode .top-nav{background:#0206179e}.brand-text{font-weight:900;letter-spacing:.3px;display:flex;align-items:center;gap:10px;text-decoration:none;background:linear-gradient(90deg,#0ea5e9,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-text:hover{opacity:.92}.brand-logo{width:auto;height:59px;border-radius:10px;object-fit:cover;flex-shrink:0}.theme-btn{border:none!important;border-radius:999px!important;background:#173b7a!important;color:#fff!important;padding:10px 16px!important;font-weight:800!important}.sidebar-toggle-btn{border:none!important;border-radius:14px!important;background:#173b7a!important;color:#fff!important;width:44px;height:44px;display:inline-flex!important;align-items:center;justify-content:center}.sidebar-toggle-btn i{font-size:1.2rem;color:#fff!important}@media(min-width:992px){body:not(:has(.sidebar)) .sidebar-toggle-btn{display:none!important}}.user-chip{border-radius:999px;padding:10px 15px;font-size:13px;font-weight:700;background:#ffffffc2;border:1px solid var(--border);color:var(--text);display:inline-flex;align-items:center}body.dark-mode .user-chip{background:#1e293bd6}.logout-btn{min-width:46px;height:46px;border-radius:14px!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;border:.2px solid #d9d0d0;color:#111827!important;font-weight:700!important}.app-shell{display:flex;min-height:calc(100vh - 74px)}.sidebar{width:224px;min-width:224px;padding:22px 18px;border-right:1px solid var(--border);background:linear-gradient(180deg,#ffffffb3,#ffffff6b);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:sticky;top:74px;height:calc(100vh - 74px);overflow-y:auto}body.dark-mode .sidebar{background:linear-gradient(180deg,#0f172acc,#0f172a8f)}.sidebar-inner{width:100%}.content-area{flex:1;min-width:auto!important;padding:26px}.sidebar-title{font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:.9px;color:#fff;margin-bottom:16px;padding-left:6px}.side-link{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:var(--text);text-decoration:none;font-weight:800;margin-bottom:8px;transition:all .22s ease;border:1px solid transparent;position:relative;overflow:hidden}.side-link i{font-size:1.05rem;flex-shrink:0}.side-link span{flex:1;min-width:0}.side-link:hover,.side-link.active{color:#fff;background:#173b7a}.side-link:hover i,.side-link.active i,.side-link:hover span,.side-link.active span{color:#fff!important}.sidebar-canvas{width:290px!important;background:var(--surface)!important;border-right:1px solid var(--border)!important;color:var(--text)!important}body.dark-mode .sidebar-canvas{background:linear-gradient(180deg,#0f172af5,#162033f0)!important;border-right:1px solid rgba(255,255,255,.08)!important;color:#fff!important}.sidebar-canvas .offcanvas-header{padding:18px 18px 10px}.sidebar-canvas .offcanvas-body{padding:12px 18px 18px}.sidebar-canvas-title{color:var(--text);font-weight:900;margin:0}.sidebar-canvas .sidebar-title{color:var(--text-soft)}body.dark-mode .sidebar-canvas-title{color:#fff}body.dark-mode .sidebar-canvas .sidebar-title{color:#ffffffad}.sidebar-canvas .side-link{color:var(--text);background:#ffffff05;border:1px solid rgba(255,255,255,.04)}.sidebar-canvas .side-link:hover,.sidebar-canvas .side-link.active{color:#fff;background:#173b7a}body.dark-mode .sidebar-canvas .side-link{color:#e2e8f0}.sidebar-canvas .btn-close{filter:none;opacity:1}body.dark-mode .sidebar-canvas .btn-close{filter:invert(1)}.page-toolbar{margin-bottom:24px!important}.page-title{margin:0!important;font-weight:900!important;font-size:2rem!important;line-height:1.1!important;background:#0f172a;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-subtitle{margin-top:6px;color:var(--text-soft)!important;font-weight:500;font-size:.98rem}.glass-card,.stat-card{position:relative;overflow:hidden;background:var(--grad-card)!important;border:1px solid #d1d5db!important;border-radius:var(--radius-xl)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.stat-card{min-height:155px;transition:all .28s ease}.stat-card:hover{transform:translateY(-4px)}.stat-card .card-body{position:relative;z-index:2;padding:24px!important}.stat-label{color:var(--text-soft)!important;font-size:.82rem!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.6px}.stat-value{margin-top:10px;color:var(--text)!important;font-size:2rem!important;font-weight:900!important;line-height:1.1}.stat-icon{width:58px;height:58px;border-radius:18px;display:flex!important;align-items:center;justify-content:center;color:#fff!important;font-size:1.35rem!important;flex-shrink:0;background:#173b7a!important}.stat-icon i,.stat-card .text-primary,.stat-card .text-info,.stat-card .text-secondary,.stat-card .text-dark,.stat-card .text-success,.stat-card .text-warning{color:inherit!important}.dashboard-grid .col-12:nth-child(1) .stat-icon{background:#dbeafe!important;color:#2563eb!important;box-shadow:none!important}.dashboard-grid .col-12:nth-child(2) .stat-icon{background:#cffafe!important;color:#0891b2!important;box-shadow:none!important}.dashboard-grid .col-12:nth-child(3) .stat-icon{background:#ede9fe!important;color:#7c3aed!important;box-shadow:none!important}.dashboard-grid .col-12:nth-child(4) .stat-icon{background:#e5e7eb!important;color:#475569!important;box-shadow:none!important}.dashboard-grid .col-12:nth-child(5) .stat-icon{background:#dcfce7!important;color:#16a34a!important;box-shadow:none!important}.dashboard-grid .col-12:nth-child(6) .stat-icon{background:#d1fae5!important;color:#059669!important;box-shadow:none!important}.dashboard-grid .col-12:nth-child(7) .stat-icon{background:#ffedd5!important;color:#ea580c!important;box-shadow:none!important}.client-dashboard-grid .col-12:nth-child(1) .stat-icon{background:#dbeafe!important;color:#2563eb!important;box-shadow:none!important}.client-dashboard-grid .col-12:nth-child(2) .stat-icon{background:#d1fae5!important;color:#059669!important;box-shadow:none!important}.client-dashboard-grid .col-12:nth-child(3) .stat-icon{background:#ffedd5!important;color:#ea580c!important;box-shadow:none!important}.client-dashboard-grid .stat-icon i,.agent-dashboard-grid .stat-icon i,.admin-dashboard-grid .stat-icon i{color:inherit!important}.agent-dashboard-grid .col-12:nth-child(1) .stat-icon{background:#dbeafe!important;color:#2563eb!important;box-shadow:none!important}.agent-dashboard-grid .col-12:nth-child(2) .stat-icon{background:#d1fae5!important;color:#059669!important;box-shadow:none!important}.agent-dashboard-grid .col-12:nth-child(3) .stat-icon{background:#ede9fe!important;color:#7c3aed!important;box-shadow:none!important}.agent-dashboard-grid .col-12:nth-child(4) .stat-icon{background:#dcfce7!important;color:#16a34a!important;box-shadow:none!important}.agent-dashboard-grid .col-12:nth-child(5) .stat-icon{background:#e5e7eb!important;color:#475569!important;box-shadow:none!important}.agent-dashboard-grid .col-12:nth-child(6) .stat-icon{background:#ffedd5!important;color:#ea580c!important;box-shadow:none!important}.agent-dashboard-grid .stat-icon i{color:inherit!important}.glass-card.table-card{transition:all .28s ease}.glass-card.table-card:hover{transform:translateY(-3px)}.table-card .card-header{position:relative;z-index:2;background:transparent!important;border:none!important;padding:22px 22px 12px!important}.table-card .card-body{position:relative;z-index:2;background:transparent!important;padding:0 22px 22px!important}.table-title h4{margin:0!important;color:var(--text)!important;font-size:1.05rem!important;font-weight:900!important}.table-title h4 i{color:var(--primary)!important}.table-title .text-muted{color:var(--text-soft)!important}.table-responsive{border-radius:20px;border:1px solid var(--border);background:#ffffff52}body.dark-mode .table-responsive{background:#0f172a47}.custom-table{margin-bottom:0!important;border-collapse:separate!important;border-spacing:0!important;vertical-align:middle!important}.custom-table thead th{background:transparent!important;color:#fff!important;border:none!important;padding:15px 14px!important;font-size:.82rem!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.5px!important;white-space:nowrap;box-shadow:none!important}.custom-table thead th:last-child{border-top-right-radius:18px!important}.custom-table tbody td{background:#ffffff94!important;color:var(--text)!important;border-color:var(--border)!important;padding:15px 14px!important;font-weight:500!important}body.dark-mode .custom-table tbody td{background:#0f172a85!important}label{font-weight:800;color:var(--text-soft);margin-bottom:8px}.form-control,.form-select,textarea{min-height:50px;border-radius:16px!important;border:1px solid var(--border)!important;background:#ffffffe0!important;color:var(--text)!important;box-shadow:none!important;padding:12px 14px!important}body.dark-mode .form-control,body.dark-mode .form-select,body.dark-mode textarea{background:#0f172ad6!important}.form-control:focus,.form-select:focus,textarea:focus{border-color:#2563eb73!important}.btn{border-radius:15px!important;font-weight:800!important;padding:10px 16px!important}.btn-gradient{background:#173b7a!important;color:#fff!important;border:none!important}.btn-gradient:hover{color:#fff!important}.note-editor.note-frame{border:1px solid var(--border)!important;border-radius:5px!important;overflow:hidden!important;background:#ffffffe0!important}body.dark-mode .note-editor.note-frame{background:#0f172ad6!important}.note-toolbar{background:linear-gradient(135deg,#f8fbff,#edf4ff)!important;border-bottom:1px solid var(--border)!important}body.dark-mode .note-toolbar{background:linear-gradient(135deg,#0f172a,#17243a)!important}.note-editable{min-height:180px!important;background:transparent!important;color:inherit!important}@media(max-width:1199.98px){.content-area{padding:22px}}@media(max-width:991.98px){.app-shell{display:block;min-height:auto}.content-area{padding:20px}.page-title{font-size:1.7rem!important}.stat-card .card-body{padding:20px!important}}@media(max-width:767.98px){.top-nav{padding:10px 0}.brand-text span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-area{padding:16px}.page-title{font-size:1.45rem!important}.page-subtitle{font-size:.92rem}.stat-value{font-size:1.7rem!important}.stat-icon{width:50px;height:50px;font-size:1.1rem!important}.table-card .card-header{padding:18px 16px 10px!important}.table-card .card-body{padding:0 16px 16px!important}.custom-table thead th,.custom-table tbody td{padding:13px 12px!important;font-size:13px!important}.theme-btn{padding:10px 12px!important}.sidebar-canvas{width:88%!important;max-width:320px!important}}.state-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px!important;font-size:12px;font-weight:700;letter-spacing:.3px;border:none!important;color:#fff!important;border-radius:999px!important;text-transform:capitalize}.state-open{background:linear-gradient(135deg,#06b6d4,#0891b2)!important}.state-close{background:linear-gradient(135deg,#94a3b8,#475569)!important}.state-ticketid{background:#173b7a!important;color:#fff!important;border:none!important;border-radius:12px!important;padding:6px 12px!important;font-size:12px!important;font-weight:600!important;display:inline-block!important}.page-title{font-size:28px;font-weight:700}.page-subtitle{color:#6b7280;font-size:14px}.refresh-control-box{min-width:180px}.custom-refresh-select{border-radius:14px;border:1px solid #dbeafe}.ticket-tab-card{padding:18px;border-radius:24px}.custom-ticket-tabs{gap:12px;display:flex;flex-wrap:nowrap!important}.custom-ticket-tabs .nav-link{border:none;border-radius:6px!important;padding:11px 18px;font-weight:700;transition:all .25s ease;display:flex;align-items:center;justify-content:center;text-align:center;gap:8px;position:relative;overflow:hidden}.custom-ticket-tabs .nav-link:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff38,#fff0);pointer-events:none}.custom-ticket-tabs .nav-link:hover{transform:translateY(-2px)}.custom-ticket-tabs .nav-link.active{transform:translateY(-1px) scale(1.02)}.custom-ticket-tabs .tab-text{position:relative;z-index:2}.custom-ticket-tabs .tab-count{position:relative;z-index:2;min-width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;padding:0 10px;transition:all .3s ease}.tab-recent{background:linear-gradient(135deg,#eef5ff,#dbeafe)!important;border:1px solid #3b82f6!important;color:#2563eb!important;min-height:45px}.tab-recent .tab-count{background:#2563eb1f!important;color:#2563eb!important;border:1px solid rgba(37,99,235,.22)!important;box-shadow:none!important}.tab-recent.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:none!important;color:#2563eb!important}.tab-recent.active .tab-count{background:#ffffff2e!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important}.tab-open{background:linear-gradient(135deg,#ecfeff,#cffafe)!important;border:1px solid #06b6d4!important;color:#0891b2!important}.tab-open .tab-count{background:#0891b21f!important;color:#0891b2!important;border:1px solid rgba(8,145,178,.22)!important;box-shadow:none!important}.tab-open.active{background:linear-gradient(135deg,#06b6d4,#0891b2)!important;border:none!important;color:#fff!important}.tab-open.active .tab-count{background:#ffffff2e!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important}.tab-close{background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important;border:1px solid #64748b!important;color:#475569!important}.tab-close .tab-count{background:#4755691f!important;color:#475569!important;border:1px solid rgba(71,85,105,.22)!important;box-shadow:none!important}.tab-close.active{background:linear-gradient(135deg,#64748b,#334155)!important;border:none!important;color:#fff!important}.tab-close.active .tab-count{background:#ffffff2e!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:inset 0 1px #ffffff40!important}.tab-resolve{background:linear-gradient(135deg,#f0fdf4,#dcfce7)!important;border:1px solid #22c55e!important;color:#16a34a!important}.tab-resolve .tab-count{background:#16a34a1f!important;color:#16a34a!important;border:1px solid rgba(22,163,74,.22)!important;box-shadow:none!important}.tab-resolve.active{background:linear-gradient(135deg,#22c55e,#15803d)!important;border:none!important;color:#fff!important}.tab-resolve.active .tab-count{background:#ffffff2e!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important}.tab-pending{background:linear-gradient(135deg,#fffbeb,#fef3c7)!important;border:1px solid #f59e0b!important;color:#d97706!important}.tab-pending .tab-count{background:#d977061f!important;color:#d97706!important;border:1px solid rgba(217,119,6,.22)!important;box-shadow:none!important}.tab-pending.active{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border:none!important;color:#fff!important}.tab-pending.active .tab-count{background:#ffffff2e!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important}.table-responsive,.custom-table-wrapper{border-radius:14px!important}.custom-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important}.custom-table thead{position:relative!important;background:#f5f6f8!important}.custom-table thead tr{background:transparent!important}.custom-table thead th{background:transparent!important;color:#0f172a!important;border:none!important;font-weight:700!important;font-size:14px!important;padding:14px 16px!important;vertical-align:middle!important;text-transform:capitalize!important;letter-spacing:.3px!important;box-shadow:none!important;white-space:nowrap!important}.custom-table thead th:last-child{border-top-right-radius:14px!important}.custom-table tbody tr{background:#fff!important;transition:all .25s ease!important}.custom-table tbody tr:nth-child(2n){background:#f8fbff!important}.custom-ticket-table tbody tr:hover{background:#eef6ff!important}.custom-table tbody td{border-top:none!important;border-bottom:1px solid #e5edf8!important;color:#334155!important;font-size:14px!important;font-weight:500!important;padding:14px 16px!important;vertical-align:middle!important}.custom-table tbody tr:last-child td:first-child{border-bottom-left-radius:14px!important}.custom-table tbody tr:last-child td:last-child{border-bottom-right-radius:14px!important}.ticket-custom-table tbody tr{transition:all .3s ease}.ticket-custom-table tbody tr:hover{background:#f8fbff}.ticket-row.row-active{animation:ticketFlash 1.2s ease-in-out infinite alternate}@keyframes ticketFlash{0%{box-shadow:inset 0 0 #22c55e00}to{box-shadow:inset 6px 0 #ef444499,inset 10px 0 12px -6px #dc262680}}.priority-badge,.status-badge,.state-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700}.priority-badge.normal{background:#eff6ff;color:#1d4ed8}.priority-badge.high{background:#fff7ed;color:#ea580c}.priority-badge.emergency{background:#fef2f2;color:#dc2626}.status-badge.pending{background:#fff7ed;color:#d97706;text-transform:capitalize}.status-badge.resolved{background:#ecfdf5;color:#059669;text-transform:capitalize}.state-badge.open{background:#eff6ff;color:#2563eb;text-transform:capitalize}.state-badge.close{background:#f3f4f6;color:#374151;text-transform:capitalize}.btn-gradient{background:linear-gradient(180deg,#2563eb,#1d4ed8)!important;color:#fff;border:none;border-radius:12px;padding:7px 12px}.btn-gradient:hover{color:#fff}.btn-close-ticket{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;border-radius:12px;padding:7px 12px}.btn-close-ticket:hover{color:#fff}.empty-row{padding:40px 0!important;text-align:center;color:#6b7280}html.dark .custom-refresh-select,html.dark-mode .custom-refresh-select{background:#0f172a;color:#e2e8f0;border-color:#334155}html.dark .ticket-custom-table thead th,html.dark-mode .ticket-custom-table thead th{background:#0f172a;color:#cbd5e1;border-color:#1e293b}html.dark .ticket-custom-table tbody tr:hover,html.dark-mode .ticket-custom-table tbody tr:hover{background:#0f172a}html.dark .tab-count,html.dark-mode .tab-count{background:#ffffff24;color:#fff}@media(max-width:767px){.custom-ticket-tabs .nav-link{width:100%;justify-content:space-between}}.swal-ticket-popup{border-radius:22px!important;padding:24px!important}.swal-ticket-confirm{background:linear-gradient(135deg,#16a34a,#15803d)!important;color:#fff!important;border:none!important;border-radius:12px!important;padding:10px 18px!important;font-weight:600!important;margin-left:10px!important}.swal-ticket-cancel{background:linear-gradient(135deg,#94a3b8,#64748b)!important;color:#fff!important;border:none!important;border-radius:12px!important;padding:10px 18px!important;font-weight:600!important}.custom-search-input{min-width:220px}.custom-per-page{width:90px;min-width:90px}.admin-table-footer{border-top:1px solid var(--border);padding-top:14px}.pagination-summary{color:var(--text-soft);font-size:14px;font-weight:700}.custom-pagination-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-btn{min-width:40px;height:40px;padding:0 12px;border:1px solid var(--border);background:#ffffffd9;color:var(--text);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;transition:all .25s ease}.page-btn:hover{background:linear-gradient(135deg,#eef5ff,#dbeafe);border-color:#93c5fd;color:#1d4ed8}.page-btn.active{background:#173b7a!important;color:#fff!important;border-color:transparent}.page-btn.disabled,.page-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.page-dots{color:var(--text-soft);font-weight:800;padding:0 2px}.table-role-badge,.table-status-badge,.table-online-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 12px;font-size:14px;font-weight:800;line-height:1;white-space:nowrap}.table-role-badge.role-agent{background:linear-gradient(135deg,#dbeafe,#93c5fd);color:#1d4ed8}.table-role-badge.role-client{background:linear-gradient(135deg,#ede9fe,#c4b5fd);color:#6d28d9}.table-status-badge.active{background:linear-gradient(135deg,#dcfce7,#86efac);color:#15803d}.table-status-badge.inactive{background:linear-gradient(135deg,#e5e7eb,#cbd5e1);color:#475569}.table-online-badge.online{background:linear-gradient(135deg,#bbf7d0,#4ade80);color:#166534}.table-online-badge.offline{background:linear-gradient(135deg,#f1f5f9,#cbd5e1);color:#475569}.custom-admin-modal .modal-dialog{max-width:760px}.custom-admin-modal .modal-content{border-radius:28px!important;overflow:hidden;background:var(--grad-card)!important;border:1px solid var(--border)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.custom-admin-modal .modal-header{padding:22px 24px 10px;background:transparent!important}.custom-admin-modal .modal-body{padding:10px 24px}.custom-admin-modal .modal-footer{padding:10px 24px 24px;background:transparent!important}.custom-admin-modal .modal-title{color:var(--text)!important}.custom-admin-modal .btn-close{filter:none}body.dark-mode .custom-admin-modal .btn-close{filter:invert(1)}@media(max-width:767.98px){.custom-search-input{min-width:100%}.custom-per-page{width:100%}.custom-admin-modal .modal-dialog{margin:12px}.custom-admin-modal .modal-header,.custom-admin-modal .modal-body,.custom-admin-modal .modal-footer{padding-left:16px;padding-right:16px}.page-btn{min-width:36px;height:36px;border-radius:10px}}.profile-main-card{border-radius:28px!important}.profile-tabs{gap:12px;flex-wrap:wrap}.profile-tabs .nav-link{border:1px solid var(--border)!important;border-radius:999px!important;background:#ffffffb8!important;color:var(--text)!important;font-weight:800!important;padding:12px 18px!important}body.dark-mode .profile-tabs .nav-link{background:#0f172ac2!important;color:var(--text)!important}.profile-tabs .nav-link.active{background:#173b7a!important;color:#fff!important;border-color:transparent!important}.profile-view-card,.profile-update-preview-card,.profile-details-card,.profile-form-card{height:100%;border-radius:24px;border:1px solid var(--border);background:#ffffff70;padding:24px}body.dark-mode .profile-view-card,body.dark-mode .profile-update-preview-card,body.dark-mode .profile-details-card,body.dark-mode .profile-form-card{background:#0f172a6b}.profile-image-wrap{display:flex;align-items:center;justify-content:center}.profile-main-image{width:170px;height:170px;border-radius:28px;object-fit:cover;border:4px solid rgba(255,255,255,.9)}.profile-preview-icon{width:170px;height:170px;border-radius:28px;display:flex;align-items:center;justify-content:center;background:#173b7a;color:#fff;font-size:3.2rem}.profile-view-card{text-align:center}.profile-view-name{color:var(--text);font-weight:900}.profile-view-role{color:var(--text-soft);font-weight:700}.profile-detail-item{border-radius:18px;border:1px solid var(--border);background:#ffffff6b;padding:16px;height:100%}body.dark-mode .profile-detail-item{background:#0f172a70}.profile-detail-item span{display:block;font-size:12px;font-weight:800;text-transform:uppercase;color:var(--text-soft);margin-bottom:6px}.profile-detail-item strong{color:var(--text);font-size:15px;word-break:break-word}.password-match-message{font-size:13px;font-weight:700;min-height:18px}@media(max-width:767.98px){.profile-main-image,.profile-preview-icon{width:130px;height:130px;border-radius:22px}.profile-preview-icon{font-size:2.5rem}.profile-tabs .nav-link{width:100%;justify-content:center;text-align:center}.profile-view-card,.profile-update-preview-card,.profile-details-card,.profile-form-card{padding:18px}}.note-modal-backdrop{display:none!important}.page-title{font-size:30px;font-weight:800;color:#0f172a}.page-subtitle{color:#64748b;font-size:14px}.ticket-side-card,.ticket-chat-card{border-radius:26px;overflow:hidden;border:1px solid rgba(59,130,246,.1);background:linear-gradient(180deg,#fff,#f8fbff)}.card-head{padding:18px 22px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#eff6ff,#fff)}.card-body-custom{padding:22px}.section-mini-title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#1d4ed8;margin-bottom:14px}.ticket-action-box{border:1px solid #e2e8f0;border-radius:20px;padding:18px;background:linear-gradient(180deg,#fff,#f8fbff)}.custom-input{border-radius:14px;min-height:46px;border:1px solid #dbeafe;box-shadow:none!important}.custom-input:focus{border-color:#60a5fa}.custom-check .form-check-input{width:18px;height:18px;margin-top:.2rem}.custom-check .form-check-label{padding-left:6px;font-weight:600;color:#334155}.btn-gradient{background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#fff!important;border:none;border-radius:999px;min-height:46px;font-weight:700}.btn-gradient:hover{transform:translateY(-1px);color:#173b7a!important}.btn-open-state{background:linear-gradient(135deg,#22c55e,#15803d);color:#fff;border:none;border-radius:999px;min-height:44px;font-weight:700}.btn-close-state{background:linear-gradient(135deg,#94a3b8,#475569);color:#fff;border:none;border-radius:999px;min-height:44px;font-weight:700}.ticket-note{font-size:12px;color:#64748b;line-height:1.5}.chat-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#eff6ff,#fff)}.chat-subtitle{font-size:16px;color:#64748b}.live-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;font-size:13px;font-weight:700}.live-dot{width:10px;height:10px;border-radius:50%;background:#16a34a}.chat-box{height:287px;overflow-y:auto;padding:22px;background:radial-gradient(circle at top right,rgba(59,130,246,.06),transparent 24%),radial-gradient(circle at bottom left,rgba(34,197,94,.06),transparent 24%),#f8fbff}.message-row{display:flex;margin-bottom:18px}.message-row.staff{justify-content:flex-end}.message-row.client{justify-content:flex-start}.message-bubble{max-width:78%;border-radius:22px;padding:16px 16px 14px;position:relative}.message-row.client .message-bubble{background:linear-gradient(135deg,#fff,#eff6ff);border:1px solid #dbeafe;color:#0f172a;border-top-left-radius:8px}.message-row.staff .message-bubble{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-top-right-radius:8px}.message-author{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;font-weight:800}.message-role{font-size:11px;padding:4px 8px;border-radius:999px;font-weight:700}.message-row.client .message-role{background:#dbeafe;color:#1d4ed8}.message-row.staff .message-role{background:#ffffff29;color:#fff}.message-text{font-size:14px;line-height:1.65;word-break:break-word}.message-attachment{margin-top:12px}.message-attachment a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.message-row.client .message-attachment a{background:#e0f2fe;color:#0369a1}.message-row.staff .message-attachment a{background:#ffffff24;color:#fff}.message-time{margin-top:10px;font-size:11px;opacity:.8}.reply-panel{border-top:1px solid #e2e8f0;padding:22px;background:linear-gradient(180deg,#fff,#f8fbff)}.reply-title{font-size:15px;font-weight:800;color:#1e293b;margin-bottom:12px}.ticket-closed-notice{margin:18px 22px 0;border-radius:16px;padding:14px 16px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#334155;font-weight:700}.ticket-info-item{height:100%;border-radius:5px;padding:14px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #e2e8f0;display:flex;flex-direction:column;justify-content:center;min-height:88px}.ticket-info-item span{display:block;font-size:12px;color:#64748b;margin-bottom:6px;line-height:1.3}.ticket-info-item strong{display:block;font-size:14px;color:#0f172a;font-weight:800;line-height:1.4;word-break:break-word}.ticket-subject-box{border-radius:5px;padding:30px;background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #dbeafe}.ticket-subject-title{font-size:12px;color:#64748b;margin-bottom:6px;font-weight:700;text-transform:uppercase;line-height:1.3}.ticket-subject-text{font-size:16px;font-weight:800;color:#0f172a;line-height:1.5;word-break:break-word}.badge-status,.badge-state,.badge-priority{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.2;width:fit-content;max-width:100%}.badge-status.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.badge-status.resolved{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.badge-state.open{background:linear-gradient(135deg,#22c55e,#15803d);color:#fff}.badge-state.close{background:linear-gradient(135deg,#94a3b8,#475569);color:#fff}.badge-priority.normal{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.badge-priority.high{background:linear-gradient(135deg,#ffedd5,#fdba74);color:#c2410c}.badge-priority.emergency{background:linear-gradient(135deg,#fee2e2,#fca5a5);color:#b91c1c}@media(max-width:767.98px){.ticket-info-item{min-height:auto}.ticket-subject-text{font-size:15px}}html.dark .page-title,html.dark-mode .page-title{color:#000}html.dark .page-subtitle,html.dark-mode .page-subtitle{color:#94a3b8}html.dark .ticket-side-card,html.dark-mode .ticket-side-card,html.dark .ticket-chat-card,html.dark-mode .ticket-chat-card{background:linear-gradient(180deg,#0f172a,#111827);border-color:#94a3b81f}html.dark .card-head,html.dark-mode .card-head,html.dark .chat-topbar,html.dark-mode .chat-topbar,html.dark .reply-panel,html.dark-mode .reply-panel{background:linear-gradient(180deg,#0f172a,#111827);border-color:#1e293b}html.dark .ticket-action-box,html.dark-mode .ticket-action-box,html.dark .ticket-info-item,html.dark-mode .ticket-info-item,html.dark .ticket-subject-box,html.dark-mode .ticket-subject-box{background:linear-gradient(180deg,#0f172a,#172033);border-color:#1e293b}html.dark .ticket-info-item strong,html.dark-mode .ticket-info-item strong,html.dark .ticket-subject-text,html.dark-mode .ticket-subject-text,html.dark .reply-title,html.dark-mode .reply-title,html.dark .custom-check .form-check-label,html.dark-mode .custom-check .form-check-label{color:#f8fafc}html.dark .ticket-info-item span,html.dark-mode .ticket-info-item span,html.dark .ticket-subject-title,html.dark-mode .ticket-subject-title,html.dark .chat-subtitle,html.dark-mode .chat-subtitle,html.dark .ticket-note,html.dark-mode .ticket-note{color:#94a3b8}html.dark .chat-box,html.dark-mode .chat-box{background:#0b1220}html.dark .message-row.client .message-bubble,html.dark-mode .message-row.client .message-bubble{background:linear-gradient(180deg,#111827,#172033);border-color:#1e293b;color:#e2e8f0}html.dark .custom-input,html.dark-mode .custom-input{background:#0f172a;color:#e2e8f0;border-color:#334155}html.dark .ticket-closed-notice,html.dark-mode .ticket-closed-notice{background:linear-gradient(180deg,#172033,#1e293b);color:#e2e8f0}@media(max-width:767px){.ticket-info-grid{grid-template-columns:1fr}.chat-box{height:420px}.message-bubble{max-width:92%}}.tab-all{background:linear-gradient(135deg,#eef2ff,#e0e7ff)!important;border:1px solid #6366f1!important;color:#4f46e5!important}.tab-all .tab-count{background:#4f46e51f!important;color:#4f46e5!important;border:1px solid rgba(79,70,229,.25)!important;box-shadow:none!important}.tab-all.active{background:linear-gradient(135deg,#6366f1,#4338ca)!important;border:none!important;color:#fff!important}.tab-all.active .tab-count{background:#ffffff2e!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important}body.dark-mode .tab-all{background:linear-gradient(135deg,#1e1b4b,#312e81)!important;border:1px solid #6366f1!important;color:#c7d2fe!important}body.dark-mode .tab-all .tab-count{background:#c7d2fe1f!important;color:#c7d2fe!important;border:1px solid rgba(199,210,254,.25)!important}body.dark-mode .tab-all.active{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;color:#fff!important}body{font-size:17px!important}