:root{--navy:#02172e;--navy-2:#011220;--navy-3:#021a38;--navy-4:#02244a;--blue:#cc3a3a;--blue-light:#d94f4f;--blue-pale:#fdecea;--white:#fff;--off-white:#f6f8fa;--slate:#e0e6ee;--muted:#8fa3b8;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--text-xs:#94a3b8;--success:#95bf47;--success-bg:#f1f9e6;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#cc3a3a;--danger-bg:#fdecea;--info-bg:#fdecea;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px #02172e14;--shadow-md:0 4px 16px #02172e1a;--shadow-lg:0 8px 32px #02172e24;--transition:.18s ease}[data-theme=dark]{--navy:#0a1520;--navy-2:#0d1a28;--navy-3:#102030;--navy-4:#142840;--blue:#e05555;--blue-light:#e05555;--blue-pale:#2a1010;--white:#1a2535;--off-white:#111c28;--slate:#283a50;--muted:#7a95b0;--text-primary:#dce8f0;--text-secondary:#8faec5;--text-muted:#5f7a90;--success:#95bf47;--success-bg:#0e1f08;--warning:#f59e0b;--warning-bg:#2a1f06;--danger:#e05555;--danger-bg:#2a1010;--info-bg:#2a1010;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--off-white);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;font-family:DM Sans,sans-serif;font-size:16px;line-height:1.6}body{min-height:100vh}h1,h2,h3,h4,h5,h6,.page-title,.modal-title,.detail-card-title,.form-section-title,.stat-value,.notif-panel-title{color:var(--navy);letter-spacing:-.02em;font-family:DM Sans,sans-serif}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--slate);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-fade{animation:.22s fadeIn}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.badge{letter-spacing:.2px;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-open{color:#856404;background:#fff3cd}.badge-in-progress{background:var(--info-bg);color:var(--blue)}.badge-resolved{background:var(--success-bg);color:var(--success)}.badge-closed{background:var(--slate);color:var(--text-secondary)}.badge-reopened{color:#6d28d9;background:#ede9fe}.badge-low{background:var(--slate);color:var(--text-secondary)}.badge-medium{background:var(--warning-bg);color:var(--warning)}.badge-high,.badge-urgent{background:var(--danger-bg);color:var(--danger)}.tag{border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-family:DM Mono,monospace;font-size:12px;font-weight:600;display:inline-flex}.remote-tag{background:var(--blue-pale);color:var(--blue)}.no-remote-tag{background:var(--off-white);color:var(--text-muted)}[data-theme=dark] .badge-open{color:#f59e0b;background:#2a2000}[data-theme=dark] .badge-in-progress{background:var(--info-bg);color:var(--blue)}[data-theme=dark] .badge-resolved{color:#95bf47;background:#0e1f08}[data-theme=dark] .badge-closed{color:#8faec8;background:#1e2a38}[data-theme=dark] .badge-reopened{color:#c4b5fd;background:#2e1065}[data-theme=dark] .badge-low{color:#8faec8;background:#1e2a38}[data-theme=dark] .badge-medium{color:#f59e0b;background:#2a2000}[data-theme=dark] .badge-high,[data-theme=dark] .badge-urgent{color:#e05555;background:#2a1010}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;display:inline-flex}.btn-primary{background:var(--blue-light);color:var(--white)}.btn-primary:hover{background:#a82e2e;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-white{background:var(--white);color:var(--text-primary);border:1px solid var(--slate)}.btn-white:hover{background:var(--off-white);transform:translateY(-1px)}.btn-outline{color:var(--white);background:0 0;border:1px solid #fff3}.btn-outline:hover{background:#ffffff14}.btn-sm{padding:7px 14px;font-size:14px}.btn-danger{background:var(--danger);color:var(--white)}.btn-success{background:var(--success);color:var(--white)}.btn-success:hover{background:#7aa036;transform:translateY(-1px)}.btn-block{width:100%}.btn-microsoft{color:#fffc;background:#ffffff0d;border:1px solid #ffffff1a}.btn-microsoft:hover{background:#ffffff1a}.form-group{margin-bottom:18px}.form-label{color:var(--muted);letter-spacing:.3px;text-transform:uppercase;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-input,.form-select,.form-textarea{border-radius:var(--radius-md);width:100%;color:var(--white);transition:all var(--transition);background:#ffffff0d;border:1px solid #ffffff1a;outline:none;padding:10px 14px;font-family:Inter,sans-serif;font-size:15px}.form-input::placeholder{color:#ffffff40}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--blue-light);background:#cc3a3a14}.form-select{cursor:pointer;appearance:none}.form-select option{background:var(--navy-2);color:var(--white)}.form-group-light{margin-bottom:16px}.form-label-light{color:var(--text-secondary);letter-spacing:.3px;text-transform:uppercase;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input-light,.form-select-light,.form-textarea-light{background:var(--white);border:1.5px solid var(--slate);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition);outline:none;padding:10px 14px;font-family:Inter,sans-serif;font-size:15px}.form-input-light:focus,.form-select-light:focus,.form-textarea-light:focus{border-color:var(--blue-light);box-shadow:0 0 0 3px #cc3a3a26}.form-select-light{cursor:pointer;appearance:none}.form-textarea-light{resize:vertical;min-height:100px;line-height:1.6}.custom-select-list{background:var(--navy-2);border-radius:var(--radius-md);z-index:1000;max-height:240px;box-shadow:var(--shadow-md);border:1px solid #ffffff1a;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.custom-select-option{color:var(--white);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition);padding:8px 12px;font-size:15px}.custom-select-option:hover,.custom-select-option.selected{background-color:var(--blue-light);color:var(--white)}.form-select-light-list{background:var(--white);border:1.5px solid var(--slate)}.form-select-light-list .custom-select-option{color:var(--text-primary)}.form-select-light-list .custom-select-option:hover,.form-select-light-list .custom-select-option.selected{background-color:var(--blue-light);color:var(--white)}[data-theme=dark] .form-select-light-list{background:#1a2636;border-color:#2a3a50}[data-theme=dark] .form-select-light-list .custom-select-option{color:var(--text-primary)}[data-theme=dark] .form-select-light-list .custom-select-option:hover,[data-theme=dark] .form-select-light-list .custom-select-option.selected{background-color:var(--blue-light);color:#fff}[data-theme=dark] .form-input-light,[data-theme=dark] .form-select-light,[data-theme=dark] .form-textarea-light{color:var(--text-primary);background:#1a2636;border-color:#2a3a50}[data-theme=dark] .form-input-light::placeholder,[data-theme=dark] .form-textarea-light::placeholder{color:var(--text-muted)}[data-theme=dark] .form-input-light:focus,[data-theme=dark] .form-select-light:focus,[data-theme=dark] .form-textarea-light:focus{border-color:var(--blue-light);background:#1e304a}[data-theme=dark] .form-select-light option{background:#1a2636}.card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--slate);padding:22px}.detail-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--slate);margin-bottom:16px;padding:22px}.detail-card:last-child{margin-bottom:0}.detail-card-title{color:#0c0e10;border-bottom:1px solid var(--slate);margin-bottom:16px;padding-bottom:12px;font-size:15px;font-weight:700}[data-theme=dark] .card,[data-theme=dark] .detail-card{color:var(--text-primary);background:#1a2636;border-color:#243347}.table-wrap{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--slate);max-width:100%;max-height:70vh;overflow:auto}table.data-table{border-collapse:collapse;width:100%;min-width:1300px}table.data-table thead tr{background:var(--off-white)}table.data-table th{color:#0c0e10;text-align:left;letter-spacing:.4px;text-transform:uppercase;border-bottom:1px solid var(--slate);background:var(--off-white);z-index:10;padding:11px 16px;font-size:12.5px;font-weight:700;position:sticky;top:0}table.data-table td{color:var(--text-primary);border-bottom:1px solid var(--slate);padding:13px 16px;font-size:15px}table.data-table tbody tr{transition:background var(--transition);cursor:pointer}table.data-table tbody tr:hover{background:var(--off-white)}table.data-table tbody tr:last-child td{border-bottom:none}[data-theme=dark] .table-wrap{background:#1a2636;border-color:#243347}[data-theme=dark] table.data-table thead tr{background:#111f32}[data-theme=dark] table.data-table td,[data-theme=dark] table.data-table th{border-color:#243347}[data-theme=dark] table.data-table tbody tr:hover{background:#1e2d3d}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-card{border-radius:var(--radius-md);border:1px solid var(--slate);transition:border var(--transition);background:0 0;flex-direction:column;padding:16px 20px;display:flex}.stat-card:hover{border-color:var(--blue);box-shadow:var(--shadow-md)}.stat-label{color:var(--text-secondary);margin-bottom:12px;font-size:16px;font-weight:500}.stat-value{color:var(--text-primary);letter-spacing:-.5px;font-family:DM Mono,monospace;font-size:36px;font-weight:600}.stat-sub{color:var(--text-muted);margin-top:4px;font-size:13px}.stat-card.primary-card{background:linear-gradient(135deg, var(--blue-light) 0%, var(--blue) 100%);border-color:#0000;box-shadow:0 4px 12px #cc3a3a33}.stat-card.primary-card .stat-label{color:#ffffffe6}.stat-card.primary-card .stat-value{color:var(--white)}.stat-card.primary-card .stat-sub{color:#fffc}.stat-card.primary-card:hover{border-color:#0000;transform:translateY(-2px);box-shadow:0 6px 16px #cc3a3a4d}[data-theme=dark] .stat-card.primary-card{background:linear-gradient(135deg, var(--blue) 0%, #8c2020 100%)}[data-theme=dark] .stat-card{background:#1a2636;border-color:#243347}.filter-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.filter-pill{border:1px solid var(--slate);color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:20px;padding:5px 14px;font-size:14px;font-weight:500}.filter-pill:hover{color:var(--text-primary);border-color:var(--text-primary)}.filter-pill.active{border-color:var(--blue-light);color:var(--blue-light);background:0 0}[data-theme=dark] .filter-pill{color:var(--text-secondary);background:#1a2636;border-color:#2a3a50}[data-theme=dark] .filter-pill.active{background:var(--navy-4);border-color:var(--navy-4);color:#fff}.quick-tabs{border-bottom:1px solid var(--slate);flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:16px;display:flex}.quick-tab-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;display:flex}.quick-tab-btn:hover{background:var(--off-white);color:var(--text-primary)}.quick-tab-btn.active{background:var(--blue-pale);color:var(--blue-light)}.tab-count{background:var(--slate);color:var(--text-secondary);border-radius:20px;padding:2px 8px;font-size:12px;font-weight:700}.quick-tab-btn.active .tab-count{background:var(--blue);color:var(--white)}[data-theme=dark] .quick-tab-btn{color:var(--text-secondary)}[data-theme=dark] .quick-tab-btn:hover{color:var(--text-primary);background:#1a2636}[data-theme=dark] .quick-tab-btn.active{color:var(--blue-light);background:#2a1010}[data-theme=dark] .tab-count{color:var(--text-secondary);background:#2a3a50}[data-theme=dark] .quick-tab-btn.active .tab-count{background:var(--blue-light);color:#fff}.search-bar{background:var(--white);border:1.5px solid var(--slate);border-radius:var(--radius-md);transition:border var(--transition);align-items:center;gap:8px;padding:8px 14px;display:flex}.search-bar:focus-within{border-color:var(--blue-light)}.search-bar svg{width:15px;height:15px;stroke:var(--text-muted);flex-shrink:0}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:Inter,sans-serif;font-size:15px}.search-bar input::placeholder{color:var(--text-muted)}[data-theme=dark] .search-bar{background:#1a2636;border-color:#2a3a50}[data-theme=dark] .search-bar input{color:var(--text-primary)}.form-section{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--slate);margin-bottom:16px;padding:24px}.form-section-title{color:#0c0e10;align-items:center;gap:8px;margin-bottom:18px;font-size:15px;font-weight:700;display:flex}.form-section-title svg{width:16px;height:16px;stroke:var(--blue)}.form-grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.form-actions{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.char-count{color:var(--text-muted);text-align:right;margin-top:4px;font-size:12px}.drop-zone{border:2px dashed var(--slate);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--transition);padding:24px}.drop-zone:hover{border-color:var(--blue);background:var(--blue-pale)}.drop-zone p{color:var(--text-muted);margin-top:6px;font-size:14px}.info-banner{background:var(--blue-pale);border-radius:var(--radius-md);color:var(--blue);border:1px solid #1e5fd433;align-items:flex-start;gap:10px;margin-top:10px;padding:11px 14px;font-size:14px;display:flex}.info-banner svg{flex-shrink:0;width:15px;height:15px;margin-top:1px}[data-theme=dark] .form-section{background:#1a2636;border-color:#243347}[data-theme=dark] .drop-zone{border-color:#2a3a50}[data-theme=dark] .drop-zone:hover{background:var(--blue-pale);border-color:var(--blue)}[data-theme=dark] .info-banner{background:var(--blue-pale);border-color:#4d90f533}.priority-grid{gap:8px;display:flex}.priority-btn{border:1.5px solid var(--slate);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--transition);color:var(--text-secondary);background:var(--white);flex:1;padding:8px;font-size:14px;font-weight:500}.priority-btn:hover{border-color:var(--navy)}.priority-btn.active-low{color:#475569;background:#f8fafc;border-color:#94a3b8}.priority-btn.active-medium{border-color:var(--warning);color:#b45309;background:#fffbeb}.priority-btn.active-high{color:#c2410c;background:#fff7ed;border-color:#f97316}.priority-btn.active-urgent,.priority-btn.active-very-high{border-color:var(--danger);color:#b91c1c;background:#fef2f2}[data-theme=dark] .priority-btn{color:var(--text-secondary);background:#1a2636;border-color:#2a3a50}.remote-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.remote-btn{border:1.5px solid var(--slate);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--transition);background:var(--white);padding:12px}.remote-btn:hover{border-color:var(--navy);transform:translateY(-1px)}.remote-btn.active{border-color:var(--blue-light);background:var(--blue-pale);color:var(--blue)}.remote-btn-icon{background:var(--off-white);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin:0 auto 6px;display:flex}.remote-btn.active .remote-btn-icon{background:var(--blue-pale)}.remote-btn-icon svg{width:16px;height:16px}.remote-btn-label{color:inherit;font-size:13px;font-weight:600}.remote-btn-sub{color:var(--text-muted);font-size:12px}.remote-btn.active .remote-btn-label{color:var(--blue)}[data-theme=dark] .remote-btn{background:#1a2636;border-color:#2a3a50}[data-theme=dark] .remote-btn.active{background:var(--blue-pale);border-color:var(--blue)}[data-theme=dark] .remote-btn-icon{background:#243347}.stepper{align-items:center;gap:0;margin-bottom:28px;display:flex}.step-item{flex:1;align-items:center;gap:0;display:flex}.step-item:last-child{flex:none}.step-circle{width:32px;height:32px;transition:all var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.step-circle.done{background:var(--navy);color:var(--white)}.step-circle.current{background:var(--blue-light);color:var(--white);box-shadow:0 0 0 4px #cc3a3a33}.step-circle.todo{background:var(--slate);color:var(--text-muted)}.step-line{background:var(--slate);height:2px;transition:background var(--transition);flex:1;margin:0 8px}.step-line.done{background:var(--navy)}.ticket-detail-grid{grid-template-columns:1fr 320px;gap:20px;display:grid}.progress-track{flex-direction:column;gap:0;display:flex}.progress-step{align-items:flex-start;gap:14px;display:flex}.progress-step-left{flex-direction:column;align-items:center;display:flex}.progress-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.progress-dot.done{background:var(--navy)}.progress-dot.done svg{width:11px;height:11px;stroke:var(--white)}.progress-dot.current{background:var(--blue-light);box-shadow:0 0 0 4px #cc3a3a33}.progress-dot.pending{background:var(--slate)}.progress-connector{background:var(--slate);width:2px;height:32px;margin:3px 0 3px 10px}.progress-connector.done{background:var(--navy)}.progress-content{padding-bottom:24px}.progress-content-title{color:var(--text-primary);font-size:14.5px;font-weight:600}.progress-content-title.current{color:var(--blue-light)}.progress-content-sub{color:var(--text-muted);margin-top:2px;font-size:13px}.msg-bubble{border-radius:var(--radius-md);margin-bottom:10px;padding:12px 14px}.msg-admin{background:var(--blue-pale);border:1px solid #cc3a3a26}.msg-employee{background:var(--off-white);border:1px solid var(--slate)}.msg-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.msg-avatar{background:var(--navy);width:22px;height:22px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.msg-avatar.emp{background:var(--blue)}.msg-name{color:var(--text-primary);font-size:13px;font-weight:600}.msg-time{color:var(--text-muted);margin-left:auto;font-size:12px}.msg-text{color:var(--text-primary);font-size:14px;line-height:1.6}[data-theme=dark] .msg-admin{background:#2a1010;border-color:#cc3a3a33}[data-theme=dark] .msg-employee{background:#1a2636;border-color:#2a3a50}.resolution-textarea{border:1.5px solid var(--slate);border-radius:var(--radius-md);width:100%;color:var(--text-primary);resize:vertical;min-height:90px;transition:border var(--transition);outline:none;padding:12px;font-family:Inter,sans-serif;font-size:14px}.resolution-textarea:focus{border-color:var(--blue-light)}[data-theme=dark] .resolution-textarea{color:var(--text-primary);background:#1a2636;border-color:#2a3a50}.info-row{border-bottom:1px solid var(--off-white);justify-content:space-between;align-items:center;padding:7px 0;display:flex}.info-row:last-child{border-bottom:none}.info-key{color:var(--text-muted);font-size:13px;font-weight:500}.info-val{color:var(--text-primary);font-size:14px;font-weight:500}.history-item{border-bottom:1px solid var(--off-white);justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.history-item:last-child{border-bottom:none}.history-label{color:var(--text-secondary)}.history-time{color:var(--text-muted)}.status-selector{flex-direction:column;gap:6px;display:flex}.status-option{border-radius:var(--radius-md);border:1.5px solid var(--slate);cursor:pointer;transition:all var(--transition);color:var(--text-secondary);padding:9px 12px;font-size:14px;font-weight:500}.status-option:hover{border-color:var(--navy)}.status-option.selected{border-color:var(--blue-light);background:var(--blue-pale);color:var(--blue)}[data-theme=dark] .status-option{color:var(--text-secondary);background:#1a2636;border-color:#2a3a50}[data-theme=dark] .status-option.selected{background:var(--blue-pale);border-color:var(--blue);color:var(--blue)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--navy);color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;align-items:center;gap:10px;min-width:260px;padding:12px 18px;font-size:14.5px;font-weight:500;animation:.2s slideUp;display:flex}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}[data-theme=dark] .toast{background:#1a2d4a}.modal-overlay{z-index:999;background:#02172e8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:var(--radius-xl);width:100%;max-width:460px;padding:28px;animation:.2s fadeIn}.modal-title{color:#0c0e10;margin-bottom:8px;font-size:18px;font-weight:700}.modal-sub{color:var(--text-secondary);margin-bottom:24px;font-size:15px;line-height:1.6}.modal-actions{justify-content:flex-end;gap:10px;display:flex}[data-theme=dark] .modal{background:#1a2636}[data-theme=dark] .modal-overlay{background:#000000a6}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{color:#0c0e10;letter-spacing:-.3px;font-size:23px;font-weight:700}.page-sub{color:var(--text-muted);margin-top:2px;font-size:15px}.breadcrumb{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:20px;font-size:14px;display:flex}.breadcrumb a{color:var(--blue);cursor:pointer}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-sep{color:var(--text-muted)}.empty-state{text-align:center;padding:60px 20px}.empty-icon{background:var(--off-white);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.empty-icon svg{width:28px;height:28px;stroke:var(--text-muted)}.empty-title{color:var(--text-primary);margin-bottom:6px;font-size:17px;font-weight:600}.empty-sub{color:var(--text-muted);font-size:15px}[data-theme=dark] .empty-icon{background:#1e2d3d}.left-accent-urgent{border-left:3px solid var(--danger)}.left-accent-high{border-left:3px solid #f97316}.left-accent-in-progress{border-left:3px solid #2563eb}.unassigned-row{background:#f59e0b0a;border-left:4px solid #f59e0b}.action-btn-green,.action-btn-gray{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:inline-flex}.action-btn-green{color:#95bf47}.action-btn-green:hover{color:#4a6e10;background:#f1f9e6}.action-btn-gray{color:var(--text-muted)}.action-btn-gray:hover{background:var(--slate);color:var(--text-primary)}.btn-view-action{border:1px solid var(--slate);color:var(--blue);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-view-action:hover{background:var(--off-white)}[data-theme=dark] .btn-view-action:hover{background:#2a3a50}.notif-panel{z-index:901;background:#02172e;border:1px solid #cc3a3a40;border-radius:14px;flex-direction:column;width:320px;animation:.22s notifSlideIn;display:flex;position:fixed;top:60px;right:40px;overflow:hidden;box-shadow:0 16px 48px #00000080}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.notif-panel-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.notif-panel-title{color:#fff;letter-spacing:-.2px;font-size:14px;font-weight:700}.notif-mark-read{color:#cc3a3a;cursor:pointer;background:0 0;border:none;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500}.notif-mark-read:hover{text-decoration:underline}.notif-list{max-height:320px;overflow-y:auto}.notif-item{cursor:pointer;border-bottom:1px solid #ffffff0f;gap:11px;padding:12px 16px;transition:background .15s;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#ffffff0a}.notif-item.unread{background:#cc3a3a14}.notif-dot-item{background:#cc3a3a;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.notif-item.read .notif-dot-item{background:0 0}.notif-content{flex:1;min-width:0}.notif-content-title{color:#ffffffe6;margin-bottom:2px;font-size:13.5px;font-weight:600;line-height:1.3}.notif-content-sub{color:#fff6;font-size:12.5px}.notif-panel-footer{text-align:center;border-top:1px solid #ffffff0f;padding:10px 16px}.notif-panel-footer button{color:#cc3a3a;cursor:pointer;background:0 0;border:none;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.notif-panel-footer button:hover{text-decoration:underline}.avatar{background:linear-gradient(135deg, var(--blue-light), #02172e);color:#fff;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}