*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#f0f3fb;color:#0f172a;font-size:14px}.header{background:#000d3d;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 12px #0006;position:sticky;top:0;z-index:200}.header-left h1{color:#fff;font-size:18px;font-weight:700;letter-spacing:-.3px}.header-left p{color:#6b8fcc;font-size:12px;margin-top:2px}.header-right{display:flex;align-items:center;gap:16px}.header-logo{color:#7bb3ff;font-size:13px;font-weight:700;letter-spacing:1px;border:1px solid #1E3A6E;padding:5px 12px;border-radius:6px}.header-user{display:flex;align-items:center;gap:8px;color:#8ba4d4;font-size:12px}.avatar{width:30px;height:30px;background:#1e3a6e;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#7bb3ff;font-weight:700;font-size:11px}.refresh-btn{background:transparent;border:1px solid #1E3A6E;color:#7bb3ff;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:12px;transition:all .15s}.refresh-btn:hover{background:#1e3a6e}.view-switcher{background:#000d3d;padding:0 28px;display:flex;gap:0;border-top:1px solid #1E3A6E}.view-tab{padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer;border:none;background:transparent;color:#4b6fa8;border-bottom:3px solid transparent;transition:all .15s;display:flex;align-items:center;gap:7px;white-space:nowrap}.view-tab:hover{color:#7bb3ff}.view-tab.active{color:#fff;border-bottom-color:#7bb3ff}.view-tab .vt-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.view-tab .vt-count{background:#7bb3ff26;color:#7bb3ff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:10px}.view-tab.active .vt-count{background:#1e3a6e}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:16px 28px 0}.kpi-card{background:#0d2240;border-radius:10px;padding:16px 18px;box-shadow:0 2px 8px #0003;position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:10px 0 0 10px}.kpi-card.green:before{background:#22c55e}.kpi-card.amber:before{background:#f59e0b}.kpi-card.red:before{background:#ef4444}.kpi-label{color:#8badd4;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}.kpi-value{font-size:32px;font-weight:800;line-height:1;margin-bottom:6px}.kpi-card.green .kpi-value{color:#22c55e}.kpi-card.amber .kpi-value{color:#f59e0b}.kpi-card.red .kpi-value{color:#ef4444}.kpi-trend{font-size:11px;opacity:.75}.kpi-card.green .kpi-trend{color:#22c55e}.kpi-card.amber .kpi-trend{color:#f59e0b}.kpi-card.red .kpi-trend{color:#ef4444}.dmc-chart-strip{margin:14px 28px 0;background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000012;overflow:hidden}.dmc-chart-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #F1F5F9;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff9f9}.dmc-chart-header:hover{background:#fef2f2}.dmc-chart-header-left{display:flex;align-items:center;gap:10px}.dmc-chart-header-left .icon{width:28px;height:28px;background:#fee2e2;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px}.dmc-chart-header-left h3{font-size:13px;font-weight:700;color:#0f172a}.dmc-chart-header-left p{font-size:11px;color:#94a3b8;margin-top:1px}.dmc-chart-toggle{display:flex;align-items:center;gap:8px;color:#b91c1c;font-size:12px;font-weight:600}.dmc-chart-toggle .chevron{transition:transform .25s;font-size:10px;color:#94a3b8}.dmc-chart-toggle .chevron.open{transform:rotate(180deg)}.dmc-chart-body{overflow:hidden;transition:max-height .35s ease;max-height:0}.dmc-chart-body.open{max-height:420px}.dmc-chart-tabs{display:flex;gap:6px;padding:10px 18px;border-bottom:1px solid #F1F5F9;background:#fff9f9}.dmc-ctab{padding:5px 13px;border-radius:16px;font-size:11px;font-weight:600;cursor:pointer;border:1.5px solid #FECACA;background:#fff;color:#b91c1c;transition:all .15s}.dmc-ctab:hover{background:#fee2e2}.dmc-ctab.active{background:#ef4444;color:#fff;border-color:#ef4444}.dmc-chart-area{padding:16px 20px 20px;background:#fff}.chart-title-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.chart-title-bar h4{font-size:13px;font-weight:700;color:#0f172a}.chart-title-bar small{font-size:11px;color:#94a3b8}canvas.dmc-canvas{display:block;width:100%}.main-layout{display:grid;grid-template-columns:1fr 340px;gap:14px;padding:14px 28px 28px;align-items:start}.left-panel{background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000012;overflow:hidden}.panel-header{padding:16px 18px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #F1F5F9}.panel-title{font-size:15px;font-weight:700;color:#0f172a}.panel-title-sub{font-size:11px;color:#94a3b8;font-weight:400;margin-top:2px}.case-count{background:#eef2ff;color:#3730a3;font-size:11px;font-weight:700;padding:3px 9px;border-radius:12px}.panel-flag-bar{height:4px;width:100%}.panel-flag-bar.dmc{background:linear-gradient(90deg,#ef4444,#f87171)}.panel-flag-bar.ftf{background:linear-gradient(90deg,#22c55e,#4ade80)}.panel-flag-bar.repeater{background:linear-gradient(90deg,#f59e0b,#fcd34d)}.panel-flag-bar.proactive{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.panel-flag-bar.all{background:linear-gradient(90deg,#6366f1,#818cf8)}.context-banner{padding:8px 18px;font-size:11px;line-height:1.5;border-bottom:1px solid #F1F5F9;display:flex;align-items:flex-start;gap:8px}.context-banner.dmc{background:#fef2f2;color:#991b1b}.context-banner.ftf{background:#f0fdf4;color:#14532d}.context-banner.repeater{background:#fffbeb;color:#78350f}.context-banner.proactive{background:#f5f3ff;color:#4c1d95}.context-banner.all{background:#eef2ff;color:#312e81}.context-banner strong{font-weight:700}.filter-tabs{display:flex;gap:0;padding:10px 18px;border-bottom:1px solid #F1F5F9;overflow-x:auto;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.tab{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;border:1.5px solid transparent;transition:all .15s;margin-right:6px;color:#64748b;background:transparent}.tab:hover{background:#f8fafc}.tab.active{background:#000d3d;color:#fff;border-color:#000d3d}.tab.dmc.active{background:#ef4444;border-color:#ef4444}.tab.ftf.active{background:#15803d;border-color:#15803d}.tab.rep.active{background:#b45309;border-color:#b45309}.tab.pro.active{background:#6d28d9;border-color:#6d28d9}.tab .dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;vertical-align:middle}.table-search{padding:10px 18px;border-bottom:1px solid #F1F5F9}.table-search input{width:100%;padding:7px 12px;border:1px solid #E2E8F0;border-radius:7px;font-size:13px;color:#0f172a;outline:none;background:#f8fafc}.table-search input:focus{border-color:#6366f1}.data-table{width:100%;border-collapse:collapse}.data-table thead th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #F1F5F9}.data-table tbody tr{border-bottom:1px solid #F8FAFC;cursor:pointer;transition:background .1s}.data-table tbody tr:hover{background:#f8fafc}.data-table tbody tr.selected{background:#eef2ff}.data-table tbody td{padding:11px 14px;font-size:13px;color:#334155;vertical-align:middle}.td-caseid{font-weight:700;color:#0f172a;font-size:12px;font-family:monospace}.td-address{max-width:160px}.td-address span{display:block;font-weight:600;color:#0f172a}.td-address small{color:#94a3b8;font-size:11px}.td-tenant{font-weight:600}.td-reason{max-width:180px;color:#64748b;font-size:12px;line-height:1.4}.priority-bar{display:flex;align-items:center;gap:5px}.priority-bar .score{font-size:12px;font-weight:700;min-width:28px}.priority-bar .bar{flex:1;height:5px;background:#e2e8f0;border-radius:3px;overflow:hidden;min-width:40px}.priority-bar .bar-fill{height:100%;border-radius:3px}.priority-bar.high .score{color:#ef4444}.priority-bar.high .bar-fill{background:#ef4444}.priority-bar.medium .score{color:#f59e0b}.priority-bar.medium .bar-fill{background:#f59e0b}.priority-bar.low .score{color:#22c55e}.priority-bar.low .bar-fill{background:#22c55e}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;white-space:nowrap}.badge.dmc{background:#fee2e2;color:#b91c1c}.badge.ftf{background:#dcfce7;color:#15803d}.badge.repeater{background:#fef3c7;color:#b45309}.badge.proactive{background:#ede9fe;color:#6d28d9}.badge.noaccess{background:#e0e7ff;color:#3730a3}.status-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:10px;font-size:11px;font-weight:600}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.reviewed{background:#dcfce7;color:#14532d}.status-badge.escalated{background:#fee2e2;color:#991b1b}.badge-awaab{background:#fff1f2;color:#be123c;border:1px solid #FECDD3;font-size:10px;font-weight:700;padding:2px 7px;border-radius:8px}.ftf-prob{font-size:12px;font-weight:700}.ftf-prob.high{color:#22c55e}.ftf-prob.low{color:#ef4444}.visit-count{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#b45309}.detail-pane{background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000012;overflow:hidden;position:sticky;top:90px;max-height:calc(100vh - 110px);overflow-y:auto}.detail-header{background:#000d3d;padding:14px 16px}.detail-header h3{color:#fff;font-size:13px;font-weight:700;margin-bottom:2px}.detail-header p{color:#6b8fcc;font-size:11px}.detail-body{padding:14px 16px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.detail-field label{display:block;font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.detail-field .value{font-size:13px;font-weight:600;color:#0f172a}.detail-field .value.mono{font-family:monospace;font-size:12px}.detail-field .value.muted{color:#64748b;font-weight:400;font-size:12px}.detail-sep{border:none;border-top:1px solid #F1F5F9;margin:12px 0}.detail-section-label{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.ai-explanation{background:#f8fafc;border-radius:7px;padding:10px 12px;font-size:12px;line-height:1.6;color:#334155;margin-bottom:14px;border-left:3px solid #6366F1;max-height:150px;overflow-y:auto}.action-btn{display:flex;align-items:center;width:100%;padding:10px 14px;border-radius:8px;border:none;cursor:pointer;font-size:13px;font-weight:600;margin-bottom:7px;transition:all .15s;text-align:left;gap:10px}.action-btn .btn-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.action-btn .btn-text{flex:1}.action-btn .btn-text small{display:block;font-weight:400;opacity:.7;font-size:11px;margin-top:1px}.btn-ftf{background:#dcfce7;color:#14532d}.btn-ftf:hover{background:#bbf7d0}.btn-ftf .btn-icon{background:#15803d;color:#fff}.btn-rep{background:#fef3c7;color:#78350f}.btn-rep:hover{background:#fde68a}.btn-rep .btn-icon{background:#b45309;color:#fff}.btn-dmc{background:#fee2e2;color:#7f1d1d}.btn-dmc:hover{background:#fecaca}.btn-dmc .btn-icon{background:#b91c1c;color:#fff}.btn-na{background:#ede9fe;color:#3b0764}.btn-na:hover{background:#ddd6fe}.btn-na .btn-icon{background:#6d28d9;color:#fff}.btn-cwt{background:#e0f2fe;color:#0c4a6e}.btn-cwt:hover{background:#bae6fd}.btn-cwt .btn-icon{background:#0369a1;color:#fff}.btn-esc{background:#fee2e2;color:#7f1d1d;border:1.5px dashed #FCA5A5}.btn-esc:hover{background:#fecaca}.btn-esc .btn-icon{background:#dc2626;color:#fff}.btn-pro{background:#ede9fe;color:#3b0764}.btn-pro:hover{background:#ddd6fe}.btn-pro .btn-icon{background:#7c3aed;color:#fff}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000d3d99;z-index:1000;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-overlay.show{display:flex}.modal{background:#fff;border-radius:12px;width:520px;max-width:95vw;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{background:#000d3d;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.modal-header h3{color:#fff;font-size:15px;font-weight:700}.modal-close{background:none;border:none;color:#6b8fcc;cursor:pointer;font-size:18px;padding:2px 6px;border-radius:4px}.modal-close:hover{background:#1e3a6e;color:#fff}.modal-body{padding:20px}.modal-case-info{background:#f8fafc;border-radius:7px;padding:10px 12px;margin-bottom:16px;font-size:12px;color:#475569;border-left:3px solid #6366F1}.modal-case-info strong{color:#0f172a}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:12px;font-weight:600;color:#374151;margin-bottom:5px}.form-group select,.form-group textarea{width:100%;padding:9px 12px;border:1px solid #E2E8F0;border-radius:7px;font-size:13px;color:#0f172a;outline:none;font-family:inherit;background:#fff}.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group textarea{min-height:90px;resize:vertical}.modal-footer{padding:14px 20px;border-top:1px solid #F1F5F9;display:flex;gap:10px;justify-content:flex-end}.modal-btn{padding:9px 20px;border-radius:7px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.modal-btn.cancel{background:#f1f5f9;color:#475569}.modal-btn.cancel:hover{background:#e2e8f0}.modal-btn.submit{background:#dc2626;color:#fff}.modal-btn.submit:hover{background:#b91c1c}.proactive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;padding:14px 18px}.pro-card{border:1.5px solid #E9D5FF;border-radius:10px;padding:14px;cursor:pointer;transition:all .15s;background:#fdfcff;position:relative;overflow:hidden}.pro-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#8b5cf6}.pro-card:hover{border-color:#8b5cf6;box-shadow:0 2px 12px #8b5cf626}.pro-card.selected{background:#f5f3ff;border-color:#7c3aed}.pro-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.pro-card-id{font-size:11px;font-family:monospace;font-weight:700;color:#6d28d9}.pro-prob-badge{background:#ede9fe;color:#6d28d9;font-size:12px;font-weight:800;padding:3px 9px;border-radius:10px}.pro-card-tenant{font-size:13px;font-weight:700;color:#0f172a;margin-bottom:2px}.pro-card-addr{font-size:11px;color:#94a3b8;margin-bottom:8px}.pro-signals{display:flex;flex-direction:column;gap:4px}.pro-signal{display:flex;align-items:flex-start;gap:6px;font-size:11px;color:#475569;line-height:1.4}.pro-signal:before{content:"⚠";font-size:10px;color:#f59e0b;flex-shrink:0;margin-top:1px}.pro-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid #F3E8FF}.pro-saving{font-size:11px;color:#059669;font-weight:700}.pro-date{font-size:10px;color:#94a3b8}.footer-bar{background:#000d3d;padding:8px 28px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#4b6fa8}.footer-bar span{color:#7bb3ff}.no-selection{text-align:center;padding:30px 20px;color:#94a3b8}.no-selection .icon{font-size:36px;margin-bottom:10px}.no-selection p{font-size:13px}.view-panel{display:none}.view-panel.active{display:block}