*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--red: #C8102E;--red-dark: #9B0D22;--red-deeper: #6D0819;--red-light: #FDECEA;--red-muted: #F5C6CB;--white: #FFFFFF;--grey-50: #F8F9FA;--grey-100: #F1F3F5;--grey-200: #E9ECEF;--grey-300: #DEE2E6;--grey-400: #CED4DA;--grey-500: #ADB5BD;--grey-600: #6C757D;--grey-700: #495057;--grey-800: #343A40;--grey-900: #212529;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 10px 30px rgba(0,0,0,.15);--radius-sm: 4px;--radius: 8px;--radius-lg: 12px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--grey-50);color:var(--grey-900);line-height:1.55;-webkit-font-smoothing:antialiased;font-size:14px}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--red);color:var(--white);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:68px;box-shadow:0 2px 8px #0000002e;position:sticky;top:0;z-index:100;flex-shrink:0}.header-brand{display:flex;align-items:center;gap:16px}.header-logo{height:42px;width:auto;object-fit:contain;flex-shrink:0;filter:brightness(0) invert(1)}.header-title{font-size:1.05rem;font-weight:700;letter-spacing:.01em;line-height:1.2}.header-sub{font-size:.7rem;opacity:.72;text-transform:uppercase;letter-spacing:.09em;margin-top:1px}.header-meta{font-size:.74rem;opacity:.72;text-align:right;line-height:1.7}.header-meta strong{opacity:1;font-weight:600;display:block;font-size:.82rem}.main{flex:1;padding:1.75rem 2rem;max-width:1600px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.2rem 1.4rem;display:flex;align-items:center;gap:1rem;cursor:pointer;border:2px solid transparent;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent, var(--grey-300))}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card.active{border-color:var(--card-accent, var(--grey-400));box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card.active:after{height:4px}.stat-icon{width:50px;height:50px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.45rem;background:var(--card-bg, var(--grey-100));flex-shrink:0}.stat-body{flex:1;min-width:0}.stat-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--grey-500)}.stat-value{font-size:2.1rem;font-weight:800;line-height:1.1;color:var(--card-accent, var(--grey-900));margin-top:1px}.stat-sub{font-size:.71rem;color:var(--grey-500);margin-top:3px}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.chart-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.4rem 1.5rem}.chart-card-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--grey-600);margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.chart-card-title:before{content:"";display:inline-block;width:3px;height:14px;background:var(--red);border-radius:2px;flex-shrink:0}.donut-wrap{display:flex;align-items:center;gap:1.75rem}.donut-svg-wrap{flex-shrink:0;width:160px;height:160px}.donut-svg{width:100%;height:100%;overflow:visible}.donut-path{transition:opacity .15s;cursor:pointer}.donut-path:hover{opacity:.8}.donut-center-label{font-size:9px;fill:var(--grey-500);font-weight:700;text-transform:uppercase;letter-spacing:1px}.donut-center-value{font-size:26px;fill:var(--grey-900);font-weight:800}.donut-legend{flex:1;display:flex;flex-direction:column;gap:.4rem}.legend-item{display:flex;align-items:center;gap:.55rem;padding:.4rem .6rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s}.legend-item:hover,.legend-item.active{background:var(--grey-100)}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-name{flex:1;font-size:.8rem;color:var(--grey-700);font-weight:500}.legend-count{font-size:.82rem;font-weight:700;color:var(--grey-800)}.legend-pct{font-size:.7rem;color:var(--grey-500);width:34px;text-align:right}.hbar-chart{display:flex;flex-direction:column;gap:1rem}.hbar-meta{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.hbar-label{font-size:.82rem;font-weight:600;color:var(--grey-700)}.hbar-count{font-size:.78rem;color:var(--grey-600);font-weight:500}.hbar-track{height:10px;background:var(--grey-100);border-radius:99px;overflow:hidden}.hbar-fill{height:100%;border-radius:99px;transition:width .7s cubic-bezier(.25,.46,.45,.94)}.hbar-sub{font-size:.72rem;color:var(--grey-500);margin-top:3px}.toolbar{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:.9rem 1.25rem;display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.toolbar-filters{display:flex;gap:.5rem;flex:1;min-width:0;flex-wrap:wrap;align-items:center}.toolbar-actions{display:flex;gap:.5rem;flex-shrink:0;align-items:center}.toolbar-sep{width:1px;height:26px;background:var(--grey-200)}.input,.select{border:1.5px solid var(--grey-300);border-radius:var(--radius);padding:.42rem .75rem;font-size:.84rem;outline:none;background:var(--white);color:var(--grey-900);transition:border-color .15s,box-shadow .15s;width:100%}.input:focus,.select:focus{border-color:var(--red);box-shadow:0 0 0 3px #c8102e1a}.input::placeholder{color:var(--grey-400)}.input[readonly]{background:var(--grey-100);cursor:default;color:var(--grey-700)}.select{cursor:pointer}.input-icon-wrap{position:relative;display:flex;align-items:center}.input-icon-wrap>svg{position:absolute;left:.6rem;pointer-events:none;flex-shrink:0}.input-with-icon{padding-left:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1.5px solid transparent;border-radius:var(--radius);padding:.42rem 1rem;font-size:.84rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease;line-height:1.4}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--red);color:var(--white);border-color:var(--red)}.btn-primary:hover:not(:disabled){background:var(--red-dark);border-color:var(--red-dark)}.btn-secondary{background:var(--white);color:var(--grey-700);border-color:var(--grey-300)}.btn-secondary:hover:not(:disabled){background:var(--grey-50);border-color:var(--grey-500)}.btn-danger{background:var(--red);color:var(--white);border-color:var(--red)}.btn-danger:hover:not(:disabled){background:var(--red-dark)}.btn-outline{background:transparent;border-color:var(--grey-300);color:var(--grey-700)}.btn-outline:hover{background:var(--grey-50);border-color:var(--grey-500)}.btn-danger-outline{background:transparent;border-color:var(--red-muted);color:var(--red)}.btn-danger-outline:hover{background:var(--red-light)}.btn-sm{padding:.22rem .6rem;font-size:.77rem}.filter-pill{display:inline-flex;align-items:center;gap:4px;background:var(--red-light);color:var(--red-dark);border:1px solid var(--red-muted);border-radius:99px;padding:2px 8px 2px 10px;font-size:.74rem;font-weight:600;white-space:nowrap}.filter-pill-x{background:none;border:none;cursor:pointer;color:var(--red);font-size:.95rem;line-height:1;padding:0;margin-left:1px;display:flex;align-items:center}.table-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.table-top-bar{padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--grey-200);gap:.75rem;flex-wrap:wrap}.table-top-left{display:flex;align-items:center;gap:.75rem}.table-top-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--grey-600);display:flex;align-items:center;gap:.5rem}.table-top-title:before{content:"";display:inline-block;width:3px;height:14px;background:var(--red);border-radius:2px}.record-count-badge{background:var(--red);color:var(--white);font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:99px}.table-wrapper{overflow-x:auto}.table{width:100%;border-collapse:collapse;min-width:960px;font-size:.84rem}.table th{background:var(--grey-50);padding:.6rem 1rem;text-align:left;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--grey-600);border-bottom:2px solid var(--grey-200);white-space:nowrap;-webkit-user-select:none;user-select:none}.table th.sortable{cursor:pointer}.table th.sortable:hover{background:var(--grey-100);color:var(--grey-800)}.table th.col-sorted{background:var(--red-light);color:var(--red)}.sort-arrow{color:var(--red);margin-left:2px}.table td{padding:.7rem 1rem;border-bottom:1px solid var(--grey-100);color:var(--grey-800);white-space:nowrap}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background .1s}.table tbody tr:hover td{background:var(--grey-50)}.cell-name{font-weight:600;color:var(--grey-900)}.cell-ir{font-family:SF Mono,Fira Code,Courier New,monospace;font-size:.79rem;color:var(--grey-600)}.cell-rank{color:var(--grey-600);font-size:.81rem}.action-btns{display:flex;gap:.3rem}.table-footer{padding:.75rem 1.25rem;color:var(--grey-500);font-size:.77rem;border-top:1px solid var(--grey-100);display:flex;align-items:center;justify-content:space-between}.table-empty{padding:4rem 1rem;text-align:center;color:var(--grey-500)}.table-empty-icon{font-size:2.5rem;margin-bottom:.75rem}.table-empty-msg{font-size:.9rem}.table th.col-checkbox,.table td.col-checkbox{position:sticky;left:0;z-index:2}.table th.col-name,.table td.cell-name{position:sticky;left:44px;z-index:2}.table th.col-actions,.table td.col-actions{position:sticky;right:0;z-index:2}.table thead th.col-checkbox,.table thead th.col-name{background:var(--grey-50)}.table thead th.col-sorted.col-name{background:var(--red-light)}.table thead th.col-actions{background:var(--grey-50)}.table tbody td.col-checkbox,.table tbody td.cell-name,.table tbody td.col-actions{background:var(--white)}.table tbody tr:hover td.col-checkbox,.table tbody tr:hover td.cell-name,.table tbody tr:hover td.col-actions{background:var(--grey-50)}.table tbody tr.row-selected td.col-checkbox,.table tbody tr.row-selected td.cell-name,.table tbody tr.row-selected td.col-actions{background:#fff5f5}.table th.col-name,.table td.cell-name{box-shadow:3px 0 6px -2px #00000012}.table th.col-actions,.table td.col-actions{box-shadow:-3px 0 6px -2px #00000012}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.status-overdue{background:#fdecea;color:#c8102e}.status-ongoing{background:#e8f5e9;color:#2e7d32}.status-upcoming{background:var(--grey-100);color:var(--grey-700)}.status-completed{background:var(--grey-200);color:var(--grey-600)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#21252999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .15s ease}.modal{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:700px;max-height:92vh;overflow-y:auto;animation:slideUp .2s cubic-bezier(.22,.61,.36,1)}.modal-top{background:var(--red);padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1}.modal-title{font-size:1rem;font-weight:700;color:var(--white)}.modal-close{background:#ffffff26;border:none;cursor:pointer;color:var(--white);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;transition:background .15s}.modal-close:hover{background:#ffffff47}.modal-body{padding:1.5rem}.modal-footer{display:flex;gap:.5rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--grey-200)}.delete-modal-body{padding:2rem 1.5rem;text-align:center}.delete-modal-icon{width:56px;height:56px;background:var(--red-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:0 auto 1rem}.delete-modal-msg{color:var(--grey-600);font-size:.9rem;margin-top:.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-field{display:flex;flex-direction:column;gap:5px}.form-field.full-width{grid-column:1 / -1}.form-label{font-size:.68rem;font-weight:700;color:var(--grey-600);text-transform:uppercase;letter-spacing:.07em}.form-error{color:var(--red);font-size:.74rem;font-weight:500}.form-section{grid-column:1 / -1;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--grey-500);padding-bottom:.4rem;border-bottom:1px solid var(--grey-200);margin-top:.25rem}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:2000}.toast{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;border-radius:var(--radius);box-shadow:var(--shadow-md);max-width:380px;min-width:260px;animation:slideInRight .25s cubic-bezier(.22,.61,.36,1);border-left:4px solid transparent}.toast-success{background:#f1fbf1;border-left-color:#2e7d32}.toast-error{background:var(--red-light);border-left-color:var(--red)}.toast-info{background:var(--grey-100);border-left-color:var(--grey-600)}.toast-icon{font-size:1rem;flex-shrink:0;margin-top:1px}.toast-body{flex:1}.toast-title{font-weight:700;font-size:.82rem;color:var(--grey-900)}.toast-msg{font-size:.79rem;color:var(--grey-700);margin-top:2px;line-height:1.4}.toast-close{background:none;border:none;color:var(--grey-500);cursor:pointer;font-size:1rem;line-height:1;padding:0;flex-shrink:0}.toast-close:hover{color:var(--grey-800)}.loading{text-align:center;padding:4rem;color:var(--grey-500)}.spinner{width:28px;height:28px;border:3px solid var(--grey-200);border-top-color:var(--red);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.col-checkbox{width:44px;padding:0 0 0 1rem!important;text-align:center}.checkbox-wrap{display:inline-flex;align-items:center;cursor:pointer;position:relative}.checkbox-wrap input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-box{width:16px;height:16px;border:2px solid var(--grey-400);border-radius:4px;background:var(--white);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .12s,background .12s}.checkbox-wrap input:checked+.checkbox-box{background:var(--red);border-color:var(--red)}.checkbox-wrap input:checked+.checkbox-box:after{content:"";width:9px;height:5px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg) translate(1px,-1px);display:block}.checkbox-wrap input:indeterminate+.checkbox-box{background:var(--red);border-color:var(--red)}.checkbox-wrap input:indeterminate+.checkbox-box:after{content:"";width:8px;height:2px;background:#fff;display:block;border-radius:1px}.checkbox-wrap:hover .checkbox-box{border-color:var(--red)}.row-selected td{background:#fff5f5!important}.selection-badge{background:var(--red);color:#fff;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:99px;animation:fadeIn .15s ease}.bulk-bar{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--grey-900);color:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000047;padding:.75rem 1rem .75rem 1.25rem;display:flex;align-items:center;gap:1.25rem;z-index:500;animation:slideUp .2s cubic-bezier(.22,.61,.36,1);white-space:nowrap}.bulk-bar-left{display:flex;align-items:center;gap:.65rem}.bulk-bar-check{width:22px;height:22px;background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.bulk-bar-label{font-size:.85rem;font-weight:500}.bulk-bar-actions{display:flex;gap:.5rem;align-items:center}.btn-ghost-white{background:#ffffff1a;color:#ffffffd9;border:1px solid rgba(255,255,255,.15)}.btn-ghost-white:hover{background:#ffffff2e;color:#fff}.btn-bulk-delete{background:var(--red);color:#fff;border:none;font-weight:700}.btn-bulk-delete:hover{background:var(--red-dark)}.toolbar-search{max-width:240px}.toolbar-select{max-width:180px}.toolbar-select-sm{max-width:160px}@media (max-width: 1100px){.charts-row{grid-template-columns:1fr}}@media (max-width: 768px){.header{padding:0 1rem;height:56px}.header-logo{height:34px}.header-title{font-size:.9rem}.header-meta{display:none}.main{padding:1rem;gap:1rem}.stats-bar{grid-template-columns:1fr 1fr}.toolbar{flex-direction:column;align-items:stretch;gap:.6rem}.toolbar-filters{flex-wrap:wrap;gap:.5rem}.toolbar-search{max-width:none;flex-basis:100%}.toolbar-select,.toolbar-select-sm{max-width:none;flex:1;min-width:130px}.toolbar-actions{flex-wrap:wrap}.toolbar-sep{display:none}.form-grid{grid-template-columns:1fr}.form-field.full-width{grid-column:1}.donut-wrap{flex-direction:column}.table td{padding:.55rem .75rem}.table th{padding:.5rem .75rem}.btn-label{display:none}.modal-overlay{align-items:flex-end;padding:0}.modal{max-width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:95vh;animation:slideUp .25s cubic-bezier(.22,.61,.36,1)}.toast-container{left:1rem;right:1rem;bottom:1rem}.toast{max-width:100%;min-width:0}.bulk-bar{left:1rem;right:1rem;width:auto;transform:none}}@media (max-width: 480px){.stats-bar{grid-template-columns:1fr}.header-title{display:none}.stat-value{font-size:1.7rem}.stat-icon{width:42px;height:42px}}.report-modal{max-width:1080px;width:96vw;max-height:90vh;display:flex;flex-direction:column}.report-body{display:grid;grid-template-columns:300px 1fr;flex:1;min-height:0;overflow:hidden}.report-config{padding:1.25rem 1.25rem 1.25rem 1.5rem;border-right:1px solid var(--grey-200);overflow-y:auto;display:flex;flex-direction:column;gap:0;background:var(--grey-50)}.report-section{margin-bottom:1.1rem}.report-section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--grey-500);margin-bottom:.45rem}.report-field-label{font-size:.72rem;color:var(--grey-500);margin-bottom:.25rem}.report-row{display:flex;gap:.5rem;margin-bottom:.5rem}.report-cols-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem .75rem}.report-col-check{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--grey-700);cursor:pointer;-webkit-user-select:none;user-select:none}.report-col-check input[type=checkbox]{accent-color:var(--red);width:14px;height:14px;cursor:pointer}.report-preview{display:flex;flex-direction:column;min-height:0;overflow:hidden}.report-preview-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-bottom:1px solid var(--grey-200);background:var(--white);flex-shrink:0}.report-preview-table-wrap{flex:1;overflow:auto}.report-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;height:100%;min-height:260px;color:var(--grey-400);font-size:.85rem;text-align:center;padding:2rem}.report-empty-state p{line-height:1.6}.report-table{width:100%;border-collapse:collapse;font-size:.8rem}.report-table th{position:sticky;top:0;background:var(--grey-900);color:#fff;padding:.5rem .75rem;text-align:left;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;z-index:1}.report-table td{padding:.4rem .75rem;border-bottom:1px solid var(--grey-100);color:var(--grey-800);white-space:nowrap}.report-table tbody tr:hover td{background:var(--grey-50)}@media (max-width: 768px){.report-body{grid-template-columns:1fr}.report-config{border-right:none;border-bottom:1px solid var(--grey-200);max-height:50vh}}