.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f0f2f5}.login-card{width:380px;border-radius:8px;box-shadow:0 4px 24px #0000001a}.login-logo{text-align:center;margin-bottom:24px}.login-logo-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#5c2d91;border-radius:12px;font-size:16px;font-weight:800;color:#fff}.login-title{margin:10px 0 0;color:#1a1a2e;font-size:20px;font-weight:600}.login-btn{width:100%;background:#5c2d91!important;border-color:#5c2d91!important}.login-btn:hover{background:#7b3fc4!important;border-color:#7b3fc4!important}.delete-confirm-modal .ant-modal-content{border-radius:16px;overflow:hidden;padding:0}.dcm-body{display:flex;flex-direction:column;align-items:center;padding:32px 24px 24px;text-align:center}.dcm-icon-wrap{width:80px;height:80px;background:#fff7e6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.dcm-icon{font-size:40px;color:#fa8c16}.dcm-title{font-size:22px;font-weight:700;color:#ff6b35;margin:0 0 12px}.dcm-message{font-size:14px;color:#555;margin:0 0 24px;line-height:1.6}.dcm-actions{display:flex;gap:12px;width:100%;justify-content:center}.dcm-btn-cancel{flex:1;height:40px;background:#1a1a2e!important;color:#fff!important;border:none!important;border-radius:8px!important;font-weight:500}.dcm-btn-cancel:hover{background:#2d2d44!important}.dcm-btn-confirm{flex:1;height:40px;background:#fff!important;color:#1a1a2e!important;border:1px solid #d9d9d9!important;border-radius:8px!important;font-weight:500}.dcm-btn-confirm:hover{border-color:#ff6b35!important;color:#ff6b35!important}.pg-page{padding:24px}.pg-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pg-title{margin:0;font-size:20px;font-weight:600;color:#1a1a2e}.pg-list-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 4px #0000000f}.pg-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.pg-form-title-row{display:flex;align-items:center;gap:8px}.pg-back-btn{color:#5c2d91}.pg-form-actions{display:flex;gap:8px}.pg-save-close-btn{background:#5c2d91;border-color:#5c2d91}.pg-save-close-btn:hover{background:#7b3fc4!important;border-color:#7b3fc4!important}.pg-form-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 4px #0000000f}.pg-fields-row{display:flex;gap:16px;margin-bottom:8px}.pg-field-name,.pg-field-code{flex:1}.pg-perm-table-wrap{overflow-x:auto;margin-top:16px}.pg-perm-table{width:100%;border-collapse:collapse;font-size:13px}.pg-perm-table thead tr{background:#fafafa;border-bottom:2px solid #f0f0f0}.pg-perm-table th{padding:10px 12px;text-align:left;font-weight:600;color:#5c2d91;white-space:nowrap}.pg-perm-table td{padding:9px 12px;border-bottom:1px solid #f5f5f5;vertical-align:middle}.pg-col-menu{min-width:200px}.pg-col-action{text-align:center!important;width:90px}.pg-perm-table td.pg-col-action{text-align:center}.pg-no-action{color:#bbb;font-size:14px}.pg-row-parent td{background:#fff;font-weight:500}.pg-row-child td{background:#fafafa;font-weight:400;color:#555}.pg-perm-table tr:hover td{background:#f0e8ff}.pg-expand-btn{background:none;border:1px solid #d9d9d9;border-radius:3px;width:18px;height:18px;line-height:16px;text-align:center;cursor:pointer;margin-right:8px;font-size:12px;color:#5c2d91;padding:0}.pg-expand-btn:hover{border-color:#5c2d91;background:#f0e8ff}.pg-child-indent{display:inline-block;width:26px}.pg-cards-wrap{display:none}.pg-mobile-card{border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;background:#fff;margin-bottom:10px}.pg-mc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}.pg-mc-name{font-weight:600;font-size:13px;color:#1a1a2e;margin-bottom:10px}.pg-mc-actions{display:flex;gap:6px;flex-wrap:wrap}@media (max-width: 768px){.pg-table-wrap{display:none}.pg-cards-wrap{display:block}.pg-list-card{padding:12px}.pg-page{padding:16px 12px}}.dashboard-spinner-wrap{display:flex;justify-content:center;align-items:center;padding:100px 0}.case-dashboard .dashboard-filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.case-dashboard .dashboard-filter-label{font-size:13px;font-weight:500;color:#6b7280}.case-dashboard .stat-card{border-radius:12px!important;transition:transform .15s ease,box-shadow .15s ease;overflow:hidden}.case-dashboard .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a!important}.case-dashboard .stat-card-clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.case-dashboard .stat-card-inner{display:flex;align-items:center;gap:16px}.case-dashboard .stat-icon-wrap{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.case-dashboard .stat-card .ant-statistic-title{font-size:13px;color:#6b7280;font-weight:500;margin-bottom:4px}.case-dashboard .stat-card .ant-statistic-content{line-height:1}.case-dashboard .mini-stat-card{border-radius:12px!important}.case-dashboard .mini-stat-inner{display:flex;align-items:center;gap:14px}.case-dashboard .mini-icon{font-size:28px;flex-shrink:0}.case-dashboard .mini-label{font-size:12px;color:#9ca3af;font-weight:500;margin-bottom:2px;display:flex;align-items:center}.case-dashboard .mini-info-icon{font-size:11px;color:#9ca3af;margin-left:5px;cursor:default}.case-dashboard .mini-value{font-size:22px;font-weight:700;line-height:1}.case-dashboard .dashboard-row{margin-top:16px}.case-dashboard .team-queue-card{border-radius:12px;border:1px solid #e5e7eb;border-left:5px solid #8b5cf6;background:#fff;padding:14px 20px;cursor:pointer;box-shadow:0 2px 12px #8b5cf61f;transition:transform .15s ease,box-shadow .15s ease}.case-dashboard .team-queue-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf638}.case-dashboard .team-queue-inner{display:flex;align-items:center;gap:14px}.case-dashboard .team-queue-icon-wrap{width:44px;height:44px;border-radius:10px;background:#8b5cf618;display:flex;align-items:center;justify-content:center;flex-shrink:0}.case-dashboard .team-queue-text{display:flex;flex-direction:column;flex:1}.case-dashboard .team-queue-label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.case-dashboard .team-queue-count{font-size:14px;color:#1a1a2e}.case-dashboard .team-queue-count strong{font-size:20px;font-weight:700;color:#8b5cf6;margin-right:4px}.case-dashboard .team-queue-link{font-size:13px;font-weight:600;color:#8b5cf6;white-space:nowrap}.case-dashboard .chart-card{border-radius:12px!important;min-height:240px}.case-dashboard .chart-empty{text-align:center;padding:40px 0;color:#d1d5db;font-size:14px}.donut-chart-wrap{display:flex;align-items:center;gap:24px;padding:8px 0}.donut-svg{flex-shrink:0}.donut-total-num{font-size:22px;font-weight:700;fill:#1f2937}.donut-total-label{font-size:11px;fill:#9ca3af}.donut-legend{display:flex;flex-direction:column;gap:8px;flex:1}.donut-legend-item{display:flex;align-items:center;gap:8px}.donut-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.donut-legend-name{font-size:13px;color:#374151;flex:1}.donut-legend-count{font-size:13px;font-weight:600;color:#1f2937;min-width:24px;text-align:right}.bar-chart{display:flex;flex-direction:column;gap:10px}.bar-row{display:flex;align-items:center;gap:10px}.bar-label{width:110px;font-size:12px;color:#6b7280;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.bar-track{flex:1;height:16px;background:#f3f4f6;border-radius:8px;overflow:hidden}.bar-fill{height:100%;border-radius:8px;transition:width .5s ease;min-width:3px}.bar-count{width:36px;text-align:right;font-weight:700;font-size:13px;color:#374151;flex-shrink:0}.sla-stacked-chart{display:flex;flex-direction:column;gap:14px;padding:4px 0}.sla-stack-row{display:flex;align-items:center;gap:12px}.sla-stack-label{width:80px;font-size:12px;color:#6b7280;text-align:right;flex-shrink:0}.sla-stack-bar-wrap{flex:1;height:24px;display:flex;border-radius:4px;overflow:hidden;background:#f3f4f6}.sla-stack-seg{height:100%;cursor:pointer;transition:opacity .15s}.sla-stack-seg:hover{opacity:.75}.sla-seg-compliant{background:#10b981}.sla-seg-breached{background:#ef4444}.sla-stack-stats{display:flex;flex-direction:column;align-items:flex-end;min-width:100px;flex-shrink:0}.sla-stack-pct{font-size:13px;font-weight:700;line-height:1.2}.sla-stack-detail{display:flex;gap:10px;font-size:11px;margin-top:2px}.sla-detail-ok{color:#10b981;font-weight:600}.sla-detail-breach{color:#ef4444;font-weight:600}.sla-table{display:flex;flex-direction:column;gap:12px}.sla-compliance-row{display:flex;align-items:center;gap:12px}.sla-row-label{width:80px;font-size:13px;font-weight:500;color:#374151;flex-shrink:0}.sla-bar-wrap{flex:1;height:14px;background:#f3f4f6;border-radius:7px;overflow:hidden}.sla-bar-fill{height:100%;border-radius:7px;transition:width .5s ease}.sla-row-stats{display:flex;align-items:center;gap:6px;flex-shrink:0}.sla-row-pct{width:40px;text-align:right;font-size:13px;font-weight:700}.sla-row-detail{font-size:11px;color:#9ca3af;white-space:nowrap}.recent-tickets-table-wrap{display:block}.recent-tickets-cards-wrap{display:none}.recent-ticket-card{padding:14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;margin-bottom:10px;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease}.recent-ticket-card:hover{box-shadow:0 4px 12px #00000014;border-color:#d1d5db}.recent-ticket-card:last-of-type{margin-bottom:12px}.rtc-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.rtc-id{font-family:monospace;font-weight:600;font-size:13px;color:#2563eb}.rtc-title{font-size:14px;font-weight:500;color:#374151;margin-bottom:8px;line-height:1.4}.rtc-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.rtc-subscriber{font-size:12px;color:#6b7280}.rtc-date{font-size:11px;color:#9ca3af}.recent-tickets-mobile-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0 4px}.rt-pag-btn{padding:6px 14px;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-weight:600;color:#374151}.rt-pag-btn:not(.disabled):hover{background:#f3f4f6}.rt-pag-btn.disabled{opacity:.5;cursor:not-allowed}.rt-pag-info{font-size:13px;color:#6b7280}.recent-tickets-loading{display:flex;justify-content:center;padding:40px 0}.recent-tickets-empty{text-align:center;padding:32px 16px;color:#9ca3af;font-size:14px}.case-dashboard .ant-table-pagination{margin:12px 0 0!important}.case-dashboard .ant-pagination-simple .ant-pagination-simple-pager{margin:0 8px}.ticket-link-dash{color:#2563eb;font-weight:600;font-size:13px;font-family:monospace}.ticket-link-dash:hover{text-decoration:underline}@media (max-width: 768px){.recent-tickets-table-wrap{display:none!important}.recent-tickets-cards-wrap{display:block!important}.case-dashboard .stat-icon-wrap{width:40px;height:40px;font-size:18px}.case-dashboard .stat-card .ant-statistic-content-value{font-size:22px!important}.bar-label{width:80px;font-size:11px}.sla-row-label{width:60px;font-size:12px}}@media (min-width: 769px){.recent-tickets-table-wrap{display:block!important}.recent-tickets-cards-wrap{display:none!important}}@media (max-width: 480px){.case-dashboard .mini-icon{font-size:22px}.case-dashboard .mini-value{font-size:18px}}.sla-monitor-page{padding:0}.sm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:12px}.sm-header .page-title{font-size:20px;font-weight:700;margin:0}.sm-desc{color:#6b7280;font-size:13px;margin-bottom:16px}.sm-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.sm-card{border-radius:10px!important}.sm-card .ant-card-body{padding:0}.sm-row-breached{background:#fff1f0}.sm-cards-wrap{display:none}.sm-mobile-card{border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;background:#fff;margin-bottom:10px}.sm-mobile-card-breached{border-color:#fca5a5;background:#fff1f0}.sm-mc-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}.sm-mc-id{font-family:monospace;font-weight:700;font-size:13px;color:#2563eb;flex:1}.sm-mc-row{display:flex;justify-content:space-between;font-size:13px;padding:3px 0;border-bottom:1px solid #f3f4f6}.sm-mc-label{color:#9ca3af;font-weight:500;flex-shrink:0;margin-right:8px}.sm-mc-val{color:#374151;text-align:right}.sm-mc-progress{display:flex;align-items:center;gap:8px;margin-top:10px}.sm-mc-progress .ant-progress{flex:1;margin:0}.sm-mc-pct{font-size:12px;font-weight:700;flex-shrink:0}@media (max-width: 768px){.sm-table-wrap{display:none}.sm-cards-wrap{display:block}.sm-card .ant-card-body{padding:12px}}.sup-dashboard{padding:24px}.sup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.sup-title{margin:0;font-size:22px;font-weight:700}.sup-stats-row{margin-bottom:24px}.sup-stat-card{border-radius:8px;box-shadow:0 2px 8px #0000000f}.sup-stat-inner{display:flex;align-items:center;gap:16px}.sup-stat-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.sup-tables-row{margin-bottom:24px}.sup-table-card{border-radius:8px;box-shadow:0 2px 8px #0000000f}.sup-loading{display:block;margin:80px auto}.sup-error{margin:24px}.agent-dashboard{padding:24px}.agent-title{margin:0 0 24px;font-size:22px;font-weight:700}.agent-stats-row{margin-bottom:24px}.agent-stat-card{border-radius:8px;box-shadow:0 2px 8px #0000000f}.agent-stat-inner{display:flex;align-items:center;gap:16px}.agent-stat-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.agent-table-card{border-radius:8px;box-shadow:0 2px 8px #0000000f}.agent-sla-cell{display:flex;flex-direction:column;gap:4px;min-width:100px}.agent-loading{display:block;margin:80px auto}.agent-error{margin:24px}.reports-page{padding:16px}.reports-title{margin:0 0 16px;font-size:20px;font-weight:700}.reports-card{border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.report-container{width:100%;overflow:hidden}.report-filter-bar{padding:8px 0 16px}.report-alert{margin-bottom:12px}.report-table-wrap{display:block}.report-cards-wrap{display:none}.report-loading,.report-empty{padding:24px;text-align:center}.report-mobile-card{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:12px 16px;margin-bottom:12px;box-shadow:0 1px 2px #0000000d}.report-card-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:6px 0;border-bottom:1px dashed #f0f0f0}.report-card-row:last-child{border-bottom:none}.report-card-label{font-size:12px;color:#8c8c8c;flex-shrink:0;min-width:100px}.report-card-value{font-size:13px;text-align:right;word-break:break-word}@media (max-width: 768px){.reports-page{padding:8px}.reports-title{font-size:17px;margin-bottom:12px}.report-filter-bar .ant-space{width:100%}.report-filter-bar .ant-picker,.report-filter-bar .ant-select{width:100%!important;max-width:100%!important}.report-table-wrap{display:none}.report-cards-wrap{display:block;padding-top:8px}.report-mobile-card{margin-bottom:12px}.report-card-label{min-width:90px}}.working-hours-page{padding:0}.working-hours-page .wh-form-page{border-radius:10px!important;max-width:860px}.working-hours-page .form-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0;flex-wrap:wrap;gap:12px}.working-hours-page .form-page-title{font-size:16px;font-weight:600;color:#1a1a2e}.working-hours-page .form-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wh-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:12px}.wh-header .page-title{font-size:20px;font-weight:700;margin:0}.wh-desc{color:#6b7280;font-size:13px;margin-bottom:16px}.wh-card{border-radius:10px!important}.wh-card .ant-card-body{padding:0}.day-checkboxes{display:flex;flex-wrap:wrap;gap:8px}.wh-cards-wrap{display:none}.wh-mobile-card{border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;background:#fff;margin-bottom:10px}.wh-mc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.wh-mc-org{font-weight:600;font-size:13px;color:#1a1a2e}.wh-mc-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0;border-bottom:1px solid #f3f4f6}.wh-mc-label{color:#9ca3af;font-weight:500}.wh-mc-val{color:#374151;text-align:right}.wh-mc-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}@media (max-width: 768px){.wh-table-wrap{display:none}.wh-cards-wrap{display:block;padding:12px}.wh-card .ant-card-body{padding:0}}.holiday-list-page{padding:0}.holiday-list-page .hl-form-page{border-radius:10px!important;max-width:860px}.holiday-list-page .form-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0;flex-wrap:wrap;gap:12px}.holiday-list-page .form-page-title{font-size:16px;font-weight:600;color:#1a1a2e}.holiday-list-page .form-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:12px}.hl-header .page-title{font-size:20px;font-weight:700;margin:0}.hl-desc{color:#6b7280;font-size:13px;margin-bottom:16px}.hl-card{border-radius:10px!important}.hl-card .ant-card-body{padding:0}.hl-cards-wrap{display:none}.hl-mobile-card{border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;background:#fff;margin-bottom:10px}.hl-mc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.hl-mc-name{font-weight:600;font-size:13px;color:#1a1a2e}.hl-mc-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0;border-bottom:1px solid #f3f4f6}.hl-mc-label{color:#9ca3af;font-weight:500}.hl-mc-val{color:#374151;text-align:right}.hl-mc-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}@media (max-width: 768px){.hl-table-wrap{display:none}.hl-cards-wrap{display:block;padding:12px}.hl-card .ant-card-body{padding:0}}.notif-templates-page{padding:0}.notif-templates-page .nt-form-page{border-radius:10px!important;max-width:860px}.notif-templates-page .form-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0;flex-wrap:wrap;gap:12px}.notif-templates-page .form-page-title{font-size:16px;font-weight:600;color:#1a1a2e}.notif-templates-page .form-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:12px}.nt-header .page-title{font-size:20px;font-weight:700;margin:0}.nt-desc{color:#6b7280;font-size:13px;margin-bottom:16px}.nt-card{border-radius:10px!important}.nt-card .ant-card-body{padding:0}.nt-placeholder-hint{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}.nt-placeholder-tag{background:#f0f5ff;color:#1677ff;padding:1px 6px;border-radius:4px;font-size:11px;font-family:monospace}.nt-placeholder-tag--clickable{cursor:pointer}.nt-placeholder-tag--clickable:hover{background:#d6e4ff;color:#0958d9}.nt-cards-wrap{display:none}.nt-mobile-card{border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;background:#fff;margin-bottom:10px}.nt-mc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.nt-mc-name{font-weight:600;font-size:13px;color:#1a1a2e}.nt-mc-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0;border-bottom:1px solid #f3f4f6}.nt-mc-label{color:#9ca3af;font-weight:500}.nt-mc-val{color:#374151;text-align:right}.nt-mc-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}@media (max-width: 768px){.nt-table-wrap{display:none}.nt-cards-wrap{display:block;padding:12px}.nt-card .ant-card-body{padding:0}}.status-transitions-page{padding:0}.st-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.st-header .page-title{font-size:20px;font-weight:700;margin:0}.st-desc{color:#6b7280;font-size:13px;margin-bottom:16px}.st-card{border-radius:10px!important}.st-card .ant-card-body{padding:0}.st-role-tag{font-size:11px;margin-bottom:2px}.st-icon-yes{color:#52c41a;font-size:16px}.st-icon-no{color:#d9d9d9;font-size:16px}.st-cards-wrap{display:none}.st-mobile-card{border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;background:#fff;margin-bottom:10px}.st-mc-transition{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;font-size:13px}.st-mc-arrow{color:#9ca3af;font-size:16px}.st-mc-row{display:flex;justify-content:space-between;align-items:flex-start;font-size:13px;padding:5px 0;border-bottom:1px solid #f3f4f6;gap:8px}.st-mc-label{color:#9ca3af;font-weight:500;flex-shrink:0}.st-mc-val{text-align:right}.st-mc-flags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.st-mc-flag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px}.st-flag-yes{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.st-flag-no{background:#f9fafb;color:#9ca3af;border:1px solid #e5e7eb}@media (max-width: 768px){.st-table-wrap{display:none}.st-cards-wrap{display:block}.st-card .ant-card-body{padding:12px}}.manage-cases .mc-tabs{margin-bottom:8px}.manage-cases .mc-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.manage-cases .mc-header-left{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.manage-cases .mc-count{font-size:13px;color:#6b7280;font-weight:400}.manage-cases .mc-header-right{display:flex;align-items:center;gap:8px}.manage-cases .mc-refresh-btn{border-radius:8px!important}.manage-cases .mc-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;background:#fff;padding:14px 16px;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 1px 4px #0000000d}.manage-cases .mc-search{flex:2;min-width:200px}.manage-cases .mc-filter-sel{flex:1;min-width:130px}.manage-cases .mc-range{flex:1.5;min-width:200px}.manage-cases .mc-loading{display:flex;justify-content:center;align-items:center;padding:80px 0}.manage-cases .mc-empty{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:60px 0}.manage-cases .tickets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1300px){.manage-cases .tickets-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 960px){.manage-cases .tickets-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 580px){.manage-cases .tickets-grid{grid-template-columns:1fr}}.manage-cases .ticket-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .15s ease,border-color .15s ease;cursor:default}.manage-cases .ticket-card:hover{border-color:#1677ff;box-shadow:0 4px 20px #1677ff1f}.manage-cases .tc-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.manage-cases .tc-id{font-size:11px;font-weight:700;color:#9ca3af;font-family:monospace;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-cases .tc-priority-badge{font-size:11px;font-weight:600;border-radius:20px;padding:2px 8px;white-space:nowrap;flex-shrink:0}.manage-cases .tc-title{font-size:14px;font-weight:600;color:#111827;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.manage-cases .tc-details{display:flex;flex-direction:column;gap:6px}.manage-cases .tc-row{display:flex;align-items:center;gap:6px;font-size:12.5px;min-height:20px}.manage-cases .tc-row-icon{color:#9ca3af;font-size:12px;width:14px;flex-shrink:0}.manage-cases .tc-row-label{color:#9ca3af;font-weight:500;width:62px;flex-shrink:0;font-size:12px}.manage-cases .tc-row-val{color:#374151;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-cases .tc-status-tag{font-size:11px!important;font-weight:600!important;border-radius:4px!important;padding:0 6px!important;height:20px!important;line-height:18px!important;margin:0!important}.manage-cases .tc-footer{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding-top:10px;border-top:1px solid #f3f4f6;gap:6px;flex-wrap:wrap}.manage-cases .tc-assignee{display:flex;align-items:center;gap:5px;font-size:12px;color:#6b7280;overflow:hidden}.manage-cases .tc-assignee-av{background:#e0e7ff!important;color:#4f46e5!important;flex-shrink:0}.manage-cases .tc-assignee-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.manage-cases .tc-unassigned{color:#d1d5db;font-style:italic;font-size:12px}.manage-cases .tc-actions{display:flex;gap:6px;flex-shrink:0}.manage-cases .tc-quick-btn{border-radius:6px!important;font-size:12px!important;color:#fa8c16!important;border-color:#fa8c16!important}.manage-cases .tc-edit-btn{border-radius:6px!important;font-size:12px!important;height:26px!important;padding:0 10px!important;display:flex!important;align-items:center!important;gap:4px!important}.manage-cases .mc-pagination{display:flex;justify-content:flex-end;margin-top:24px;padding-bottom:8px}@media (max-width: 768px){.manage-cases .mc-page-header{flex-direction:column;align-items:flex-start}.manage-cases .mc-header-right{width:100%;justify-content:flex-end}.manage-cases .mc-filters{padding:10px 12px;gap:8px}.manage-cases .mc-search,.manage-cases .mc-filter-sel,.manage-cases .mc-range{flex:none;width:100%;min-width:unset}.manage-cases .mc-pagination{justify-content:center}}.create-case .page-title{margin-bottom:20px}.create-case .form-card{border-radius:12px!important}.create-case .form-card .ant-form-item-label>label{font-weight:600;font-size:13px;color:#374151}.create-case .submit-btn{min-width:160px;height:42px;border-radius:10px!important;font-weight:600;font-size:15px}.create-case .auto-fields-card{border-radius:12px!important;margin-bottom:16px;border-left:4px solid #2563eb!important}.create-case .subscriber-card{border-radius:12px!important;border-left:4px solid #10b981!important}.create-case .auto-fields-card .ant-descriptions-item-label,.create-case .subscriber-card .ant-descriptions-item-label{font-weight:600;color:#6b7280;font-size:13px}.create-case .ant-input,.create-case .ant-select-selector,.create-case .ant-input-affix-wrapper{border-radius:8px!important}@media (max-width: 768px){.create-case .submit-btn{width:100%}.create-case .form-card .ant-card-body{padding:16px}.create-case .auto-fields-card,.create-case .subscriber-card{margin-top:16px}}.case-detail .detail-spinner{display:flex;justify-content:center;padding:80px 0}.case-detail .detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:12px;background:#fff;border-radius:12px;padding:16px 20px;border:1px solid #e5e7eb;box-shadow:0 1px 4px #0000000f}.case-detail .ticket-title{font-size:18px;font-weight:700;margin:0;color:#1a1a2e;line-height:1.4}.case-detail .ticket-number{color:#2563eb;margin-right:10px;font-family:monospace;font-size:15px}.case-detail .header-tags{display:flex;gap:8px;flex-wrap:wrap}.case-detail .header-tag{font-size:13px;font-weight:600;padding:3px 12px;border-radius:8px}.case-detail .info-card,.case-detail .action-card,.case-detail .sla-card,.case-detail .remarks-card{border-radius:12px!important;margin-bottom:16px}.case-detail .info-card{border-left:4px solid #2563eb!important}.case-detail .sla-card{border-left:4px solid #f59e0b!important}.case-detail .remarks-card{max-height:600px;overflow-y:auto}.case-detail .action-label{display:block;font-weight:600;margin-bottom:4px;font-size:13px;color:#6b7280}.case-detail .required-asterisk{color:#ff4d4f;margin-right:4px}.case-detail .action-select{width:100%}.case-detail .sla-info-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.case-detail .sla-info-icon{font-size:20px;color:#2563eb;flex-shrink:0}.case-detail .sla-icon-red{color:#ef4444}.case-detail .sla-icon-green{color:#10b981}.case-detail .sla-info-label{font-size:12px;color:#9ca3af;margin-bottom:2px}.case-detail .sla-info-value{font-weight:600;font-size:14px;color:#1a1a2e}.case-detail .sla-status-text{font-weight:700;text-transform:uppercase;font-size:13px}.case-detail .sla-consumed{display:flex;align-items:center;gap:8px;margin-top:8px}.case-detail .sla-consumed-bar{flex:1;height:10px;background:#f3f4f6;border-radius:5px;overflow:hidden}.case-detail .sla-consumed-fill{height:100%;border-radius:5px;transition:width .3s ease}.case-detail .sla-consumed-pct{font-weight:700;font-size:13px;width:40px;text-align:right}.case-detail .no-remarks{text-align:center;color:#9ca3af;padding:28px 0;font-size:14px}.case-detail .remark-item{font-size:13px}.case-detail .remark-header{display:flex;align-items:center;gap:6px;margin-bottom:4px;flex-wrap:wrap}.case-detail .remark-user-icon{color:#9ca3af}.case-detail .remark-time{color:#9ca3af;font-size:12px;margin-left:auto}.case-detail .remark-transition{display:flex;align-items:center;gap:4px;margin:4px 0}.case-detail .transition-tag{font-size:11px}.case-detail .remark-hold{color:#f59e0b;font-size:12px;margin-bottom:4px}.case-detail .remark-text{color:#374151;line-height:1.5}@media (max-width: 768px){.case-detail .detail-header{flex-direction:column;gap:10px;padding:14px}.case-detail .ticket-title{font-size:16px}.case-detail .info-card .ant-card-body,.case-detail .action-card .ant-card-body,.case-detail .sla-card .ant-card-body{padding:14px}}@media (max-width: 480px){.case-detail .detail-header{padding:12px}}.integration-settings .page-title{margin-bottom:20px;font-size:22px;font-weight:600}.integration-settings .mode-card{border-radius:8px;max-width:700px}.integration-settings .bms-card{margin-top:16px;border-radius:8px}.integration-settings .port-input{width:160px}.integration-settings .test-result{margin-top:16px}.integration-settings .latency-tag{margin-top:8px}.integration-settings .save-section{margin-top:24px}.integration-settings .last-update{margin-top:24px;padding-top:16px;border-top:1px solid #f0f0f0}.system-settings .settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.system-settings .page-title{font-size:22px;font-weight:600;margin:0}.system-settings .settings-card{border-radius:8px}.system-settings .setting-key{background:#f5f5f5;padding:2px 8px;border-radius:4px;font-size:12px;word-break:break-all}.system-settings .value-cell{display:flex;align-items:center;gap:6px}.system-settings .modified-input{border-color:#faad14}.system-settings .modified-tag{font-size:10px;line-height:18px;flex-shrink:0}.ss-cards-wrap{display:none}.ss-mobile-card{border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;background:#fff;margin-bottom:10px}.ss-mc-key{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.ss-mc-desc{color:#9ca3af;font-size:12px;margin-bottom:6px}.ss-mc-input{margin-top:4px}@media (max-width: 768px){.ss-table-wrap{display:none}.ss-cards-wrap{display:block;padding:12px}.system-settings .settings-card .ant-card-body{padding:0}}.master-config .config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.master-config .page-title{font-size:20px;font-weight:700;margin:0}.master-config .master-form-page{border-radius:10px!important;max-width:860px}.master-config .form-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0;flex-wrap:wrap;gap:12px}.master-config .form-page-title{font-size:16px;font-weight:600;color:#1a1a2e}.master-config .form-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.master-config .config-card{border-radius:10px!important}.master-config .config-card .ant-card-body{padding:0}.master-config .code-cell{background:#f0f5ff;color:#1677ff;padding:2px 8px;border-radius:4px;font-size:12px;font-family:monospace}.master-config .color-swatch{width:24px;height:24px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.master-config .mobile-card-grid{display:none}.master-config .mc-grid{display:grid;grid-template-columns:1fr;gap:12px}.master-config .mc-item-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.master-config .mc-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.master-config .mc-item-name{font-size:15px;font-weight:600;color:#111827}.master-config .mc-item-rows{display:flex;flex-direction:column;gap:4px}.master-config .mc-item-row{display:flex;gap:6px;font-size:13px}.master-config .mc-item-label{color:#9ca3af;font-weight:500;width:80px;flex-shrink:0}.master-config .mc-item-val{color:#374151}.master-config .mc-item-actions{display:flex;gap:8px;padding-top:4px;border-top:1px solid #f3f4f6}@media (max-width: 640px){.master-config .config-card{display:none}.master-config .mobile-card-grid{display:block}}.standalone-entity .entity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.standalone-entity .standalone-readonly-banner{margin-bottom:16px}.standalone-entity .page-title{font-size:20px;font-weight:700;margin:0}.standalone-entity .entity-search{width:260px}.standalone-entity .standalone-form-page{border-radius:10px!important;max-width:860px}.standalone-entity .form-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0;flex-wrap:wrap;gap:12px}.standalone-entity .form-page-title{font-size:16px;font-weight:600;color:#1a1a2e}.standalone-entity .form-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.standalone-entity .entity-card{border-radius:10px!important}.standalone-entity .entity-card .ant-card-body{padding:0}.standalone-entity .entity-card .ant-table-thead>tr>th{background:#f8f9fc;font-weight:600;font-size:13px}.standalone-entity .se-mobile-grid{display:none}.standalone-entity .se-grid{display:grid;grid-template-columns:1fr;gap:12px}.standalone-entity .se-item-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.standalone-entity .se-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.standalone-entity .se-item-name{font-size:15px;font-weight:600;color:#111827}.standalone-entity .se-item-code{font-size:11px;color:#9ca3af;font-family:monospace}.standalone-entity .se-item-rows{display:flex;flex-direction:column;gap:4px}.standalone-entity .se-item-row{display:flex;gap:6px;font-size:13px;align-items:flex-start}.standalone-entity .se-item-label{color:#9ca3af;font-weight:500;width:80px;flex-shrink:0;font-size:12px;padding-top:1px}.standalone-entity .se-item-val{color:#374151;flex:1}.standalone-entity .se-item-actions{display:flex;gap:8px;padding-top:6px;border-top:1px solid #f3f4f6}@media (max-width: 640px){.standalone-entity .entity-card{display:none}.standalone-entity .se-mobile-grid{display:block}.standalone-entity .entity-search{width:100%}.standalone-entity .entity-header{flex-direction:column;align-items:flex-start}.standalone-entity .entity-header .ant-space{width:100%;flex-direction:column}.standalone-entity .entity-header .ant-space .ant-space-item,.standalone-entity .entity-header .ant-space .ant-input-search,.standalone-entity .entity-header .ant-space .ant-btn{width:100%}}:root{--sidebar-bg: #ffffff;--sidebar-border: #e8ecf0;--sidebar-active-bg: #1677ff;--sidebar-active-text: #ffffff;--sidebar-text: #374151;--sidebar-icon: #6b7280;--sidebar-hover-bg: #f0f5ff;--sidebar-hover-text: #1677ff;--sidebar-sub-text: #6b7280;--sidebar-width: 260px;--sidebar-collapsed: 72px;--header-height: 56px;--accent: #1677ff;--accent-light: #e6f4ff;--bg-page: #f5f6fa;--text-primary: #1a1a2e;--text-secondary: #6b7280;--border: #e5e7eb;--radius: 10px;--shadow-sm: 0 1px 4px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-card: 0 2px 8px rgba(0,0,0,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-page);color:var(--text-primary)}.app-layout{min-height:100vh;background:var(--bg-page)}.app-sider{height:100vh;position:fixed!important;left:0;top:0;bottom:0;z-index:200;background:var(--sidebar-bg)!important;border-right:1px solid var(--sidebar-border)!important;box-shadow:2px 0 8px #0000000f;overflow:hidden;display:flex;flex-direction:column}.app-sider .ant-layout-sider-children{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.sider-menu-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.logo{height:var(--header-height);padding:0 16px;display:flex;align-items:center;gap:10px;color:var(--text-primary);font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;border-bottom:1px solid var(--sidebar-border);flex-shrink:0;background:var(--sidebar-bg)}.logo .logo-icon{width:32px;height:32px;background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;flex-shrink:0}.logo .logo-text{font-size:14px;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.sider-menu-scroll .ant-menu-light,.app-sider .ant-menu-light{background:var(--sidebar-bg)!important;border-inline-end:none!important;padding:8px}.app-sider .ant-menu-light .ant-menu-item{border-radius:8px!important;color:var(--sidebar-text)!important;font-size:13.5px;font-weight:500;margin-bottom:2px!important;height:40px!important;line-height:40px!important}.app-sider .ant-menu-light .ant-menu-item .ant-menu-item-icon{color:var(--sidebar-icon)!important;font-size:15px!important}.app-sider .ant-menu-light .ant-menu-item:hover{background:var(--sidebar-hover-bg)!important;color:var(--sidebar-hover-text)!important}.app-sider .ant-menu-light .ant-menu-item:hover .ant-menu-item-icon{color:var(--accent)!important}.app-sider .ant-menu-light .ant-menu-item-selected{background:var(--sidebar-active-bg)!important;color:var(--sidebar-active-text)!important}.app-sider .ant-menu-light .ant-menu-item-selected .ant-menu-item-icon{color:#fff!important}.app-sider .ant-menu-light .ant-menu-submenu-title{border-radius:8px!important;color:var(--sidebar-text)!important;font-size:13.5px;font-weight:500;height:40px!important;line-height:40px!important;margin-bottom:2px!important}.app-sider .ant-menu-light .ant-menu-submenu-title .ant-menu-item-icon{color:var(--sidebar-icon)!important;font-size:15px!important}.app-sider .ant-menu-light .ant-menu-submenu-title:hover{background:var(--sidebar-hover-bg)!important;color:var(--sidebar-hover-text)!important}.app-sider .ant-menu-light .ant-menu-submenu-title:hover .ant-menu-item-icon,.app-sider .ant-menu-light .ant-menu-submenu-open>.ant-menu-submenu-title .ant-menu-item-icon{color:var(--accent)!important}.app-sider .ant-menu-light .ant-menu-sub{background:#fafbff!important;border-left:2px solid var(--accent-light)!important;margin-left:8px!important;margin-right:0!important;border-radius:0 0 6px 6px!important}.app-sider .ant-menu-light .ant-menu-sub .ant-menu-item{font-size:13px!important;height:36px!important;line-height:36px!important;padding-left:20px!important;color:var(--sidebar-sub-text)!important;border-radius:6px!important;margin:1px 4px!important}.app-sider .ant-menu-light .ant-menu-sub .ant-menu-item:hover{color:var(--accent)!important;background:var(--accent-light)!important}.app-sider .ant-menu-light .ant-menu-sub .ant-menu-item-selected{background:var(--sidebar-active-bg)!important;color:#fff!important}.app-sider .ant-layout-sider-trigger{background:var(--sidebar-bg)!important;border-top:1px solid var(--sidebar-border)!important;color:var(--sidebar-icon)!important;font-size:14px!important}.app-sider .ant-layout-sider-trigger:hover{background:var(--sidebar-hover-bg)!important;color:var(--accent)!important}.app-content-layout{margin-left:var(--sidebar-width);transition:margin-left .2s ease;background:var(--bg-page);min-height:100vh}.app-content-layout.collapsed{margin-left:var(--sidebar-collapsed)}.app-content{margin:20px;padding:0;background:transparent;min-height:calc(100vh - 40px)}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--sidebar-bg);border-bottom:1px solid var(--sidebar-border);z-index:300;align-items:center;padding:0 16px;gap:12px;box-shadow:0 2px 8px #00000012}.mobile-header .mobile-logo{flex:1;color:var(--text-primary);font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}.mobile-header .mobile-logo .logo-icon{width:28px;height:28px;background:var(--accent);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;flex-shrink:0}.hamburger-btn{background:var(--accent-light)!important;border:none!important;color:var(--accent)!important;border-radius:8px!important;width:36px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;cursor:pointer;transition:background .15s}.hamburger-btn:hover{background:#bfdbfe!important}.drawer-menu-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.mobile-drawer .ant-drawer-body{padding:0;background:var(--sidebar-bg)}.mobile-drawer .ant-drawer-header{display:none}.mobile-drawer .ant-drawer-content{background:var(--sidebar-bg)}.drawer-logo{height:var(--header-height);padding:0 16px;display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;color:var(--text-primary);border-bottom:1px solid var(--sidebar-border)}.drawer-logo .logo-icon{width:30px;height:30px;background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff}.mobile-drawer .ant-menu-light{background:var(--sidebar-bg)!important;border-inline-end:none!important;padding:8px}.mobile-drawer .ant-menu-light .ant-menu-item{border-radius:8px!important;font-size:13.5px;font-weight:500;height:40px!important;line-height:40px!important;margin-bottom:2px!important;color:var(--sidebar-text)!important}.mobile-drawer .ant-menu-light .ant-menu-item:hover{background:var(--sidebar-hover-bg)!important;color:var(--accent)!important}.mobile-drawer .ant-menu-light .ant-menu-item-selected{background:var(--sidebar-active-bg)!important;color:#fff!important}.mobile-drawer .ant-menu-light .ant-menu-submenu-title{border-radius:8px!important;font-size:13.5px;font-weight:500;height:40px!important;line-height:40px!important;color:var(--sidebar-text)!important}.mobile-drawer .ant-menu-light .ant-menu-submenu-title:hover{background:var(--sidebar-hover-bg)!important;color:var(--accent)!important}.mobile-drawer .ant-menu-light .ant-menu-sub{background:#fafbff!important;border-left:2px solid var(--accent-light)!important;margin-left:8px!important}.mobile-drawer .ant-menu-light .ant-menu-sub .ant-menu-item{font-size:13px!important;height:36px!important;line-height:36px!important;padding-left:20px!important;color:var(--sidebar-sub-text)!important;border-radius:6px!important}.mobile-drawer .ant-menu-light .ant-menu-sub .ant-menu-item:hover{color:var(--accent)!important;background:var(--accent-light)!important}.mobile-drawer .ant-menu-light .ant-menu-sub .ant-menu-item-selected{background:var(--sidebar-active-bg)!important;color:#fff!important}.page-title{font-size:20px!important;font-weight:700!important;color:var(--text-primary)!important;margin:0 0 16px!important;letter-spacing:-.2px}.ant-card{border-radius:var(--radius)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-sm)!important}.ant-card:hover{box-shadow:var(--shadow-md)!important;transition:box-shadow .2s ease}.ant-card-head{border-bottom:1px solid var(--border)!important;font-weight:600!important;font-size:14px!important;color:var(--text-primary)!important;min-height:46px!important}.ant-btn-primary{background:var(--accent)!important;border-color:var(--accent)!important;border-radius:8px!important;font-weight:500!important}.ant-btn-primary:hover{background:#0958d9!important;border-color:#0958d9!important}.ant-table-thead>tr>th{background:#f8f9fc!important;font-weight:600!important;font-size:13px!important;color:#374151!important;border-bottom:2px solid var(--border)!important}.ant-table-tbody>tr:hover>td{background:var(--accent-light)!important;cursor:pointer}.app-header{background:#fff;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f0;height:56px;position:sticky;top:0;z-index:100;box-shadow:0 1px 4px #00000014;flex-shrink:0}.app-header-title{font-weight:600;font-size:16px;color:#1a1a2e}.app-header-right{display:flex;align-items:center;gap:16px}.header-logout{cursor:pointer;color:#5c2d91;font-weight:500;font-size:14px}.header-logout:hover{color:#7b3fc4}.header-avatar{width:32px;height:32px;border-radius:50%;background:#5c2d91;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.header-username{font-size:14px;color:#333}.notif-bell-badge{margin-right:4px;cursor:pointer}.notif-bell-icon{font-size:20px;color:#5c2d91;cursor:pointer;padding:4px 6px;border-radius:6px;transition:background .15s;display:flex;align-items:center}.notif-bell-icon:hover{background:#5c2d911a}.notif-drawer-title{font-size:16px;font-weight:600;color:#1f2937}.notif-empty{text-align:center;padding:60px 20px;color:#9ca3af;font-size:14px}.notif-list{width:100%}.notif-list-item{padding:14px 20px!important;border-bottom:1px solid #f3f4f6!important;transition:background .1s;cursor:pointer}.notif-list-item:hover{background:#f9fafb}.notif-unread{background:#eff6ff;border-left:3px solid #3b82f6!important}.notif-unread:hover{background:#dbeafe}.notif-item-content{width:100%;display:flex;flex-direction:column;gap:6px}.notif-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.notif-event-tag{font-size:11px!important;font-weight:600!important;border-radius:4px!important;padding:1px 8px!important;flex-shrink:0}.notif-time{font-size:11px;color:#9ca3af;white-space:nowrap}.notif-ticket-num{font-size:13px;font-weight:700;color:#2563eb;font-family:monospace}.notif-message{font-size:12px;color:#6b7280;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.notif-item-bottom{display:flex;gap:6px;margin-top:2px}.notif-channel-tag,.notif-status-tag{font-size:11px!important}.notif-recipient-name{font-size:12px;color:#7c3aed;font-weight:600}@media (max-width: 768px){.app-sider{display:none!important}.mobile-header{display:flex}.app-header{top:var(--header-height);padding:0 12px}.app-content-layout{margin-left:0!important;padding-top:calc(var(--header-height) * 2)}.app-content{margin:12px;min-height:calc(100vh - var(--header-height) - 24px)}.page-title{font-size:17px!important}}@media (max-width: 480px){.app-content{margin:8px}}