:root{--bs-body-font-family:'Plus Jakarta Sans',sans-serif;--sidebar-w:230px}body,html{height:100%;overflow:hidden;background:#f4f6fb}.sidebar.collapsed .user-chip .logout-icon,.sidebar.collapsed .user-chip .user-info{display:none!important}.sidebar .user-chip .user-avatar{transition:border-radius .2s}.sidebar.collapsed .user-chip .user-avatar{margin:0 auto}.sidebar.collapsed .user-chip .user-avatar-wrap .logout-icon-collapsed{display:block!important;position:static;margin-top:4px;margin-bottom:0;left:0;right:0;text-align:center}.sidebar .user-chip .user-avatar-wrap{position:relative}.sidebar.collapsed .user-chip .user-avatar-wrap .logout-icon-collapsed{display:block!important}.sidebar .user-chip .user-avatar-wrap{position:relative}.sidebar.collapsed{width:70px;min-width:70px;overflow:hidden}.sidebar.collapsed .brand-icon+div,.sidebar.collapsed .sidebar-link-badge,.sidebar.collapsed .sidebar-link-text,.sidebar.collapsed .user-chip .bi-three-dots,.sidebar.collapsed .user-chip>div:not(:first-child){display:none!important}.sidebar.collapsed .nav-link{justify-content:center;padding:9px 0!important;display:flex;align-items:center}.sidebar.collapsed .nav-link>i{margin:0 auto!important}.sidebar.collapsed .user-chip{justify-content:center;padding-left:0!important;padding-right:0!important}.sidebar.collapsed #sidebarToggle{display:none!important}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:#0f1623;height:100vh;display:flex;flex-direction:column;position:relative;transition:width .3s ease,min-width .3s ease;overflow:hidden}.sidebar .nav-link{color:rgba(255,255,255,.55);font-size:13.5px;font-weight:500;border-radius:8px;padding:9px 12px}.sidebar .nav-link:hover{background:rgba(255,255,255,.07);color:#fff}.sidebar .nav-link.active{background:#3b7cf4;color:#fff}.nav-section-label{font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.28);padding:0 8px}.brand-icon{width:34px;height:34px;border-radius:9px;background:#3b7cf4}.user-chip{background:rgba(255,255,255,.06);border-radius:9px}.user-avatar{width:32px;height:32px;border-radius:50%;background:#3b7cf4;font-size:11px;font-weight:700}.topbar{background:#fff;border-bottom:1px solid #e4e9f2}.search-wrap{position:relative}.search-wrap .bi-search{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#7a8599;font-size:14px}.search-input{background:#f4f6fb;border:1px solid #e4e9f2;border-radius:8px;padding:7px 12px 7px 34px;font-size:13px;font-family:inherit;outline:0;width:320px;transition:border-color .15s}.search-input:focus{border-color:#3b7cf4;background:#fff}.btn-icon-top{width:36px;height:36px;border:1px solid #e4e9f2;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;color:#7a8599;font-size:15px;cursor:pointer;position:relative}.btn-icon-top:hover{border-color:#3b7cf4;color:#3b7cf4;background:#eff4ff}.notif-dot{position:absolute;top:6px;right:7px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid #fff}.btn-icon-top:hover{border-color:#3b7cf4;color:#3b7cf4;background:#eff4ff}.comment-text{max-width:100%;word-break:break-word;overflow-wrap:break-word;white-space:pre-line}.offcanvas-detail{width:500px!important}.comment-role-badge{font-size:10px;font-weight:600;padding:2px 7px;border-radius:20px}.comment-role-badge.client{background:#eff4ff;color:#3b7cf4}.comment-role-badge.support{background:#f0fdf4;color:#16a34a}.detail-desc{background:#f4f6fb;border-radius:9px;font-size:13.5px;line-height:1.65;color:#3a4560}.action-select{border:1px solid #e4e9f2;border-radius:8px;padding:6px 10px;font-size:12.5px;font-family:inherit;background:#f4f6fb;color:#1a2235;outline:0;cursor:pointer;width:100%}.action-select:focus{border-color:#3b7cf4}.btn-danger-soft{background:#fff0f0;color:#be123c;border:1px solid #fecdd3;border-radius:8px;padding:7px 14px;font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.btn-danger-soft:hover{background:#ffe4e6;border-color:#fda4af}.stat-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px}.stat-value{font-family:"JetBrains Mono",monospace;font-size:28px;font-weight:700;line-height:1}.action-select{border:1px solid #e4e9f2;border-radius:8px;padding:6px 10px;font-size:12.5px;font-family:inherit;background:#f4f6fb;color:#1a2235;outline:0;cursor:pointer;width:100%}.action-select:focus{border-color:#3b7cf4}.tickets-panel{display:flex;flex-direction:column;overflow:hidden;min-height:0}.filter-select{border:1px solid #e4e9f2;border-radius:8px;padding:6px 10px;font-size:12.5px;font-family:inherit;background:#f4f6fb;color:#1a2235;outline:0;cursor:pointer}.filter-select:focus{border-color:#3b7cf4}.table-scroll{flex:1;overflow-y:auto;min-height:0}.table-scroll::-webkit-scrollbar{width:5px}.table-scroll::-webkit-scrollbar-thumb{background:#dde3ef;border-radius:99px}.table thead th{background:#f4f6fb;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#7a8599;border-bottom:1px solid #e4e9f2;padding:10px 14px;position:sticky;top:0;z-index:1;white-space:nowrap;cursor:pointer;user-select:none}.table thead th:hover{color:#3b7cf4}.table tbody tr{cursor:pointer;border-bottom:1px solid #f0f2f8}.table tbody tr:hover{background:#f8f9ff!important}.table tbody td{padding:11px 14px;vertical-align:middle;font-size:13px}.ticket-id{background:#141d22;color:#fff;font-family:"JetBrains Mono",monospace;font-size:14px;font-weight:700;padding:6px 16px;border-radius:14px;display:inline-block;min-width:80px;text-align:center;letter-spacing:1.5px;box-shadow:0 2px 8px 0 rgba(20,29,34,.1);transition:background .2s,color .2s}.avatar-sm{width:26px;height:26px;border-radius:50%;background:#3b7cf4;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.avatar-sm.green{background:#16a34a}.avatar-sm.orange{background:#ea580c}.avatar-sm.purple{background:#7c3aed}.filter-select{border:1px solid #e4e9f2;border-radius:8px;padding:6px 10px;font-size:12.5px;font-family:inherit;background:#f4f6fb;color:#1a2235;outline:0;cursor:pointer}.filter-select:focus{border-color:#3b7cf4}.page-btn{min-width:32px;height:32px;border:1px solid #e4e9f2;border-radius:7px;background:#fff;color:#1a2235;font-size:13px;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0 8px;font-weight:500;transition:all .15s}.page-btn:hover:not(:disabled){border-color:#3b7cf4;color:#3b7cf4;background:#eff4ff}.page-btn.active{background:#3b7cf4;color:#fff;border-color:#3b7cf4}.page-btn:disabled{opacity:.4;cursor:default}.btn-danger-soft{background:#fff0f0;color:#be123c;border:1px solid #fecdd3;border-radius:8px;padding:7px 14px;font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.btn-danger-soft:hover{background:#ffe4e6;border-color:#fda4af}.ticket-card{background:#fff;border:1px solid #e4e9f2;border-radius:12px;padding:16px 18px;cursor:pointer;transition:box-shadow .15s,border-color .15s}.ticket-card:hover{box-shadow:0 4px 18px rgba(0,0,0,.07);border-color:#c7d5f8}.ticket-card.priority-critical{border-left:3px solid #be123c}.ticket-card.priority-high{border-left:3px solid #ea580c}.ticket-card.priority-medium{border-left:3px solid #ca8a04}.ticket-card.priority-low{border-left:3px solid #16a34a}.cards-scroll{flex:1;overflow-y:auto;min-height:0;padding:2px}.cards-scroll::-webkit-scrollbar{width:5px}.cards-scroll::-webkit-scrollbar-thumb{background:#dde3ef;border-radius:99px}.ticket-id{font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:500;color:#fff}.avatar-sm{width:26px;height:26px;border-radius:50%;background:#3b7cf4;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.avatar-sm.green{background:#16a34a}.avatar-sm.orange{background:#ea580c}.avatar-sm.purple{background:#7c3aed}.modal-header{border-bottom:1px solid #e4e9f2}.modal-footer{border-top:1px solid #e4e9f2}.form-label{font-size:12.5px;font-weight:600;color:#1a2235;margin-bottom:5px}.form-control,.form-select{font-size:13px;font-family:inherit;border-color:#e4e9f2;border-radius:8px}.form-control:focus,.form-select:focus{border-color:#3b7cf4;box-shadow:0 0 0 3px rgba(59,124,244,.1)}.screenshot-drop{border:2px dashed #e4e9f2;border-radius:9px;padding:14px;text-align:center;cursor:pointer;transition:all .15s;font-size:12.5px;color:#7a8599;background:#fafbff}.screenshot-drop.drag-over,.screenshot-drop:hover{border-color:#3b7cf4;background:#f0f5ff;color:#3b7cf4}.screenshot-preview{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.screenshot-thumb{position:relative;width:68px;height:68px;border-radius:8px;overflow:hidden;border:1px solid #e4e9f2}.screenshot-thumb img{width:100%;height:100%;object-fit:cover;cursor:pointer}.screenshot-thumb .remove-img{position:absolute;top:3px;right:3px;width:16px;height:16px;background:rgba(0,0,0,.55);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:9px}.view-btn{width:32px;height:32px;border:1px solid #e4e9f2;border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:center;color:#7a8599;cursor:pointer;font-size:14px;transition:all .15s}.view-btn.active{background:#3b7cf4;color:#fff;border-color:#3b7cf4}.notif-dropdown{width:360px;max-height:440px;overflow-y:auto}.notif-dropdown::-webkit-scrollbar{width:4px}.notif-dropdown::-webkit-scrollbar-thumb{background:#dde3ef;border-radius:99px}.notif-row{display:flex;align-items:flex-start;gap:10px;padding:11px 16px;border-bottom:1px solid #f0f2f8;cursor:pointer;transition:background .12s}.notif-row:hover{background:#f8f9ff}.notif-row.unread{background:#f5f8ff;border-left:3px solid #3b7cf4}.notif-icon-sm{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.content-scroll{flex:1;overflow-y:auto;min-height:0;padding:22px 28px}.content-scroll::-webkit-scrollbar{width:5px}.content-scroll::-webkit-scrollbar-thumb{background:#dde3ef;border-radius:99px}.chart-card{background:#fff;border:1px solid #e4e9f2;border-radius:12px;padding:20px}.chart-title{font-size:13.5px;font-weight:700;color:#1a2235;margin-bottom:4px}.chart-sub{font-size:11.5px;color:#7a8599;margin-bottom:16px}.range-btn{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid #e4e9f2;background:#fff;color:#7a8599;cursor:pointer;transition:all .15s}.range-btn.active{background:#3b7cf4;color:#fff;border-color:#3b7cf4}.progress-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.progress{height:7px;border-radius:99px;background:#f0f2f8}.avatar-sm{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0;background:#3b7cf4}.avatar-sm.green{background:#16a34a}.avatar-sm.orange{background:#ea580c}.avatar-sm.purple{background:#7c3aed}.format-card{background:#fff;border:2px solid #e4e9f2;border-radius:12px;padding:20px;cursor:pointer;transition:all .18s;text-align:center}.format-card:hover{border-color:#3b7cf4;box-shadow:0 4px 18px rgba(59,124,244,.1)}.format-card.selected{border-color:#3b7cf4;background:#f5f8ff}.format-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 12px}.format-name{font-size:14px;font-weight:700;color:#1a2235;margin-bottom:4px}.format-desc{font-size:12px;color:#7a8599}.history-table thead th{background:#f4f6fb;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#7a8599;border-bottom:1px solid #e4e9f2;padding:10px 14px}.history-table tbody td{padding:12px 14px;font-size:13px;vertical-align:middle;border-bottom:1px solid #f0f2f8}.history-table tbody tr:last-child td{border-bottom:none}.file-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.file-icon.csv{background:#f0fdf4;color:#16a34a}.file-icon.xlsx{background:#eff4ff;color:#3b7cf4}.file-icon.pdf{background:#ffe4e6;color:#be123c}.status-done{background:#dcfce7;color:#166534;font-size:11px;font-weight:600;padding:2px 9px;border-radius:20px}.status-fail{background:#ffe4e6;color:#be123c;font-size:11px;font-weight:600;padding:2px 9px;border-radius:20px}.config-card{background:#fff;border:1px solid #e4e9f2;border-radius:12px;padding:20px}.config-title{font-size:13.5px;font-weight:700;color:#1a2235;margin-bottom:16px}.form-label{font-size:12.5px;font-weight:600;color:#1a2235;margin-bottom:5px}.form-control,.form-select{font-size:13px;font-family:inherit;border-color:#e4e9f2;border-radius:8px}.form-control:focus,.form-select:focus{border-color:#3b7cf4;box-shadow:0 0 0 3px rgba(59,124,244,.1)}.form-check-input:checked{background-color:#3b7cf4;border-color:#3b7cf4}.btn-export-main{background:#3b7cf4;color:#fff;border:none;border-radius:10px;padding:12px 28px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .15s;display:flex;align-items:center;gap:8px}.btn-export-main:hover{background:#2f6de0}.export-toast{position:fixed;bottom:24px;right:24px;background:#1a2235;color:#fff;border-radius:12px;padding:14px 20px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px;box-shadow:0 8px 30px rgba(0,0,0,.2);z-index:9999;transform:translateY(100px);opacity:0;transition:all .3s;min-width:280px}.export-toast.show{transform:translateY(0);opacity:1}.sidebar.collapsed .user-chip .logout-icon,.sidebar.collapsed .user-chip .user-info{display:none!important}.sidebar .user-chip .user-avatar{transition:border-radius .2s}.sidebar.collapsed .user-chip .user-avatar{margin:0 auto}.sidebar.collapsed .user-chip .user-avatar-wrap .logout-icon-collapsed{display:block!important;position:static;margin-top:4px;margin-bottom:0;left:0;right:0;text-align:center}.sidebar .user-chip .user-avatar-wrap{position:relative}.sidebar.collapsed .user-chip .user-avatar-wrap .logout-icon-collapsed{display:block!important}.sidebar .user-chip .user-avatar-wrap{position:relative}body.login-page{background:#0b1120;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto;height:auto}.login-wrap{width:100%;max-width:400px}.login-card{background:#111827;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:40px 36px}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:32px}.brand-logo{width:36px;height:36px;flex-shrink:0}.brand-name{font-size:15px;font-weight:700;color:#fff;line-height:1.2}.brand-sub{font-size:11px;color:rgba(255,255,255,.35);margin-top:1px}.login-heading{font-size:22px;font-weight:700;color:#fff;margin-bottom:6px}.login-subheading{font-size:13px;color:rgba(255,255,255,.38);margin-bottom:32px}.field-group{margin-bottom:18px}.field-label{display:block;font-size:12px;font-weight:600;color:rgba(255,255,255,.5);margin-bottom:7px;letter-spacing:.2px}.field-input-wrap{position:relative}.field-input-wrap .field-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.25);font-size:15px;pointer-events:none}.field-input{width:100%;padding:10px 12px 10px 38px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#fff!important;-webkit-text-fill-color:#fff;font-family:inherit;font-size:13.5px;outline:0;transition:border-color .15s,background .15s}.field-input::placeholder{color:rgba(255,255,255,.25)}.field-input:focus{border-color:#3b7cf4;background:rgba(59,124,244,.07)}.field-input:-webkit-autofill,.field-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #111827 inset;-webkit-text-fill-color:#fff!important}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.3);cursor:pointer;font-size:15px;background:0 0;border:none;padding:2px;transition:color .15s}.toggle-password:hover{color:rgba(255,255,255,.7)}.remember-row{display:flex;align-items:center;gap:9px;margin-bottom:26px}.remember-checkbox{width:16px;height:16px;flex-shrink:0;appearance:none;-webkit-appearance:none;border:1.5px solid rgba(255,255,255,.25);border-radius:4px;background:0 0;cursor:pointer;transition:all .15s;position:relative}.remember-checkbox:hover{border-color:#3b7cf4}.remember-checkbox:checked{background:#3b7cf4;border-color:#3b7cf4}.remember-checkbox:checked::after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg)}.remember-label{font-size:13px;color:rgba(255,255,255,.45);cursor:pointer;user-select:none}.login-error{background:rgba(190,18,60,.1);border:1px solid rgba(190,18,60,.25);border-radius:8px;padding:10px 14px;font-size:12.5px;color:#f87171;margin-bottom:18px;display:none;align-items:center;gap:8px}.login-error.show{display:flex}.login-btn{width:100%;padding:11px;background:#3b7cf4;border:none;border-radius:9px;color:#fff;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s;display:flex;align-items:center;justify-content:center;gap:8px}.login-btn:hover:not(:disabled){background:#2f6de0}.login-btn:disabled{opacity:.65;cursor:default}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:none}@keyframes spin{to{transform:rotate(360deg)}}body,html{height:100%;overflow:hidden;background:#f4f6fb}.nav-section-label{font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.28);padding:0 8px;margin-bottom:4px;margin-top:4px;display:block}.content-scroll{flex:1;overflow-y:auto;min-height:0;padding:22px 28px}.content-scroll::-webkit-scrollbar{width:5px}.content-scroll::-webkit-scrollbar-thumb{background:#dde3ef;border-radius:99px}.agent-card{background:#fff;border:1px solid #e4e9f2;border-radius:12px;padding:18px 20px;cursor:pointer}.agent-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff}.util-bar-wrap{height:6px;background:#f0f2f8;border-radius:99px;overflow:hidden}.util-bar{height:100%;border-radius:99px;transition:width .4s}.internal-note{background:#fffbeb;border:1px solid #fde68a;border-radius:9px;padding:12px 14px}.internal-note-meta{font-size:11px;color:#92400e;font-weight:600;margin-bottom:3px}.internal-note-text{font-size:13px;color:#78350f}.internal-badge{display:inline-flex;align-items:center;gap:4px;background:#fef3c7;color:#92400e;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;border:1px solid #fde68a;margin-bottom:12px}.chart-card{background:#fff;border:1px solid #e4e9f2;border-radius:12px;padding:20px}.chart-title{font-size:13.5px;font-weight:700;color:#1a2235;margin-bottom:2px}.chart-sub{font-size:11.5px;color:#7a8599;margin-bottom:16px}.pm-edit-row .form-control,.pm-edit-row .form-select{font-size:13px}.reassign-sel{border:1px solid #e4e9f2;border-radius:8px;padding:4px 8px;font-size:12px;font-family:inherit;background:#f4f6fb;color:#1a2235;outline:0;cursor:pointer}.reassign-sel:focus{border-color:#3b7cf4}.btn-delete-soft{background:#fff0f0;color:#be123c;border:1px solid #fecdd3;border-radius:8px;padding:7px 14px;font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.btn-delete-soft:hover{background:#ffe4e6;border-color:#fda4af}.wl-stat{font-family:"JetBrains Mono",monospace;font-weight:700}