:root{color:#18242f;background:#eef2f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}button,input,select{font:inherit}button{border:0;border-radius:6px;background:#0c6b58;color:#fff;cursor:pointer;font-weight:700;min-height:42px;padding:0 16px;white-space:nowrap}button:disabled{background:#9aa6af;cursor:not-allowed}input,select{background:#fff;border:1px solid #bcc8d3;border-radius:6px;color:#18242f;min-height:42px;padding:0 11px;width:100%}label{color:#4c5e6d;display:grid;font-size:13px;font-weight:700;gap:7px}h1,h2,p{margin:0}img,svg,canvas{max-width:100%}.login-page{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(380px,1.05fr);min-height:100vh}.login-visual{align-items:flex-end;background:linear-gradient(#0a232f40,#0a232fb8),url(https://cdn.reefdevelopments.ae/image/2025/09/22/997_Gallery_1_1758538303_553d3523.webp);background-position:center;background-size:cover;color:#fff;display:flex;padding:48px}.login-visual h1{font-size:46px;line-height:1.05;margin-top:24px;max-width:520px}.login-visual p{color:#ffffffd6;font-size:18px;line-height:1.5;margin-top:14px;max-width:520px}.brand-mark{align-items:center;background:#0c6b58;border-radius:8px;color:#fff;display:inline-flex;font-weight:900;height:44px;justify-content:center;letter-spacing:0;width:54px}.login-panel{align-items:center;display:flex;justify-content:center;padding:32px}.login-card{background:#fff;border:1px solid #d3dbe3;border-radius:8px;box-shadow:0 22px 60px #23303d1f;display:grid;gap:18px;max-width:440px;padding:30px;width:100%}.login-card h2{font-size:28px;margin-bottom:6px}.login-card p{color:#5d6d79;line-height:1.45}.dashboard{display:grid;grid-template-columns:280px minmax(0,1fr);height:100vh;overflow:hidden}.dashboard.sidebar-collapsed{grid-template-columns:86px minmax(0,1fr)}.sidebar{background:#162631;color:#fff;display:flex;flex-direction:column;gap:22px;height:100vh;overflow:hidden;padding:22px}.sidebar-brand{align-items:center;display:flex;gap:12px;min-height:54px}.sidebar-toggle{align-items:center;background:#314653;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;display:inline-flex;font-size:24px;font-weight:800;height:36px;justify-content:center;margin-left:auto;min-height:36px;padding:0;width:36px}.sidebar-brand small,.nav-item small,.user-chip span{color:#7c8d99;display:block;margin-top:3px}nav{display:grid;gap:8px;overflow-y:auto;padding-right:2px}.nav-item{background:transparent;border:1px solid rgba(255,255,255,.08);color:#fff;display:block;min-height:64px;padding:11px 12px;text-align:left;width:100%}.nav-item.active,.nav-item:hover{background:#203744;border-color:#ffffff2e}.logout{background:#314653;margin-top:auto}.sidebar-collapsed .sidebar{align-items:center;padding-inline:14px}.sidebar-collapsed .sidebar-brand{flex-direction:column;gap:10px}.sidebar-collapsed .sidebar-brand>div,.sidebar-collapsed .nav-item small,.sidebar-collapsed .nav-item span,.sidebar-collapsed .logout{display:none}.sidebar-collapsed nav{width:100%}.sidebar-collapsed .nav-item{align-items:center;display:flex;justify-content:center;min-height:48px;padding:0}.sidebar-collapsed .nav-item:before{content:attr(data-short);font-weight:900}.sidebar-collapsed .nav-item.active:before{color:#81d8d0}.sidebar-collapsed .sidebar-toggle{margin-left:0}.content{height:100vh;overflow-y:auto;min-width:0;padding:26px}.content-loader{align-items:center;background:#eef2f5d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;inset:0;justify-content:center;padding:28px;position:fixed;z-index:5000}.content-loader-card{align-items:center;background:#fffffff0;border:1px solid rgba(10,186,181,.24);border-radius:8px;box-shadow:0 18px 54px #18242f24;display:grid;gap:18px;justify-items:center;max-width:360px;padding:34px 38px;text-align:center;width:min(100%,360px)}.content-loader-card img{display:block;max-height:96px;max-width:240px;object-fit:contain}.content-loader-card span{color:#0c6b58;font-weight:800}.topbar{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.topbar h1{font-size:31px;line-height:1.15}.topbar p{color:#596c7b;line-height:1.45;margin-top:7px}.user-chip{background:#fff;border:1px solid #d3dbe3;border-radius:8px;min-width:190px;padding:12px 14px}.metric-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.metric{background:#fff;border:1px solid #d3dbe3;border-radius:8px;padding:16px}.metric span{color:#596c7b;display:block;font-size:13px;font-weight:800;margin-bottom:8px;text-transform:uppercase}.metric strong{display:block;font-size:24px;line-height:1.2}.report-panel{background:#fff;border:1px solid #d3dbe3;border-radius:8px;min-width:0}.toolbar{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(220px,1fr) 130px auto auto auto;padding:14px}.table-wrap{border-top:1px solid #d3dbe3;max-height:calc(100vh - 370px);min-height:360px;overflow:auto}table{border-collapse:collapse;min-width:920px;width:100%}th,td{border-bottom:1px solid #e4e9ee;font-size:14px;padding:10px 12px;text-align:left;vertical-align:top}th{background:#edf2f5;color:#354754;font-size:12px;position:sticky;text-transform:uppercase;top:0;z-index:1}tbody tr:hover{background:#f8fafb}.pager{align-items:center;color:#596c7b;display:flex;gap:16px;justify-content:space-between;padding:14px}.pager div{align-items:center;display:flex;gap:10px}.pager button{background:#314653}.error{background:#ffe8e2;border:1px solid #f0b8aa;border-radius:8px;color:#8d2716;margin-bottom:16px;padding:12px 14px}.error.compact{margin:0}.mis-page{display:grid;gap:18px;min-width:0}.mis-hero{align-items:center;background:linear-gradient(135deg,#045553,#077e7a 58%,#0abab5);border-radius:8px;color:#fff;display:flex;justify-content:space-between;gap:20px;overflow:hidden;padding:24px 26px;position:relative}.mis-hero:after{background:#ffffff1f;border-radius:999px;content:"";height:190px;position:absolute;right:-48px;top:-52px;width:190px}.mis-hero h2{font-size:30px;line-height:1.1;position:relative}.mis-hero p{color:#ffffffc2;margin-top:8px;position:relative}.mis-actions{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1}.mis-actions button{background:#ffffff2e;border:1px solid rgba(255,255,255,.35)}.mis-section-title{border-bottom:2px solid #e0f7f6;color:#045553;font-size:22px;margin-top:12px;padding-bottom:10px}.mis-kpis{display:grid;gap:14px;grid-template-columns:repeat(5,minmax(0,1fr))}.mis-kpis.four{grid-template-columns:repeat(4,minmax(0,1fr))}.mis-kpi,.mis-card{background:#fff;border:1px solid rgba(10,186,181,.2);border-radius:8px;box-shadow:0 2px 16px #0abab514}.mis-kpi{border-bottom:4px solid #81d8d0;padding:18px}.mis-kpi.gold{border-bottom-color:#e8cf73}.mis-kpi span{color:#5a8080;display:block;font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.mis-kpi strong{color:#077e7a;display:block;font-size:28px;line-height:1;margin-top:8px}.mis-kpi.gold strong{color:#b8860b}.mis-kpi small{color:#5a8080;display:block;margin-top:7px}.mis-grid{display:grid;gap:18px}.mis-grid.split{grid-template-columns:repeat(2,minmax(0,1fr))}.mis-grid.split>.mis-card:nth-child(2):last-child{min-width:0}.mis-card{padding:20px;min-width:0;overflow-x:auto}.mis-card h3{color:#077e7a;font-size:17px;line-height:1.25;margin:0 0 16px}.mis-donut-wrap{align-items:center;display:grid;gap:18px;grid-template-columns:minmax(150px,190px) minmax(150px,1fr)}.mis-donut{align-items:center;border-radius:50%;display:flex;height:190px;justify-content:center;justify-self:center;width:190px}.mis-donut>div{align-items:center;background:#fff;border-radius:50%;display:flex;flex-direction:column;height:104px;justify-content:center;width:104px}.mis-donut strong{color:#0abab5;font-size:28px;line-height:1}.mis-donut span{color:#8aacac;font-size:11px;margin-top:6px}.mis-legend{display:grid;gap:10px}.mis-legend-row{align-items:center;background:transparent;border:0;color:#1a2e2e;cursor:pointer;display:grid;gap:8px;grid-template-columns:12px minmax(0,1fr) minmax(28px,auto);min-height:0;min-width:0;padding:3px 0;text-align:left;white-space:normal;width:100%}.mis-legend-row:hover span,.mis-legend-row:hover strong{color:#045553}.mis-legend-row i,.stack-legend i{border-radius:3px;display:inline-block;height:12px;width:12px}.mis-legend-row strong{color:#077e7a;font-size:18px;text-align:right}.mis-legend-row span{font-size:15px;line-height:1.2;min-width:0;overflow-wrap:anywhere}.stack-chart{display:grid;gap:12px}.stack-legend{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:4px}.stack-legend span{align-items:center;color:#5a8080;display:inline-flex;font-size:12px;gap:6px}.stack-row{align-items:center;display:grid;gap:10px;grid-template-columns:170px minmax(0,1fr) 42px}.stack-name{color:#1a2e2e;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stack-track{background:#edf7f6;border-radius:6px;display:flex;height:30px;overflow:hidden}.stack-segment{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:800;justify-content:center;min-width:0}.stack-segment.clickable{cursor:pointer}.stack-segment.clickable:hover{filter:brightness(.92)}.vertical-stack-chart{display:grid;gap:10px}.otp-team-card{min-height:430px}.vertical-stack-legend{gap:16px;margin-bottom:0}.vertical-stack-legend span{font-size:13px}.vertical-stack-scroll{overflow-x:auto;width:100%}.vertical-stack-svg{display:block;min-width:780px;width:100%}.vertical-grid{stroke:#0abab51a;stroke-width:1}.vertical-axis,.vertical-label{fill:#5a8080;font-size:12px}.vertical-axis-line{stroke:#1a2e2e2e}.vertical-segment{cursor:pointer}.vertical-segment:hover rect{filter:brightness(.92)}.vertical-segment:focus{outline:none}.vertical-segment-label{fill:#fff;font-size:13px;font-weight:900}.mis-table{border-collapse:collapse;min-width:680px;width:100%}.mis-table-scroll{overflow-x:auto;width:100%}.mis-table th{background:#045553;color:#fff;font-size:11px;letter-spacing:.5px;padding:9px 10px;text-align:left;text-transform:uppercase}.mis-table td{border-bottom:1px solid rgba(10,186,181,.12);font-size:13px;padding:9px 10px}.compact-table td:first-child,.compact-table th:first-child{width:46px}.clickable-row{cursor:pointer}.clickable-row:hover{background:#0abab512}.clickable-row:focus{outline:2px solid rgba(10,186,181,.35);outline-offset:-2px}.rank{align-items:center;background:#0abab526;border-radius:50%;color:#077e7a;display:inline-flex;font-size:11px;font-weight:900;height:24px;justify-content:center;width:24px}.performer-bars,.performer-head{display:grid;gap:14px}.performer-periods{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.performer-periods>span{color:#5a8080;font-size:13px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.performer-legend{align-items:center;color:#5a8080;display:inline-flex;font-size:13px;gap:8px}.performer-legend i{background:#0abab5;border-radius:4px;display:inline-block;height:12px;width:12px}.performer-bars.green .performer-legend i{background:#10b981}.performer-bar-list{display:grid;gap:10px}.performer-bar-row{align-items:center;background:transparent;border:0;color:#1a2e2e;cursor:pointer;display:grid;gap:12px;grid-template-columns:minmax(150px,240px) minmax(160px,1fr) 38px;min-height:34px;padding:0;text-align:left;width:100%}.performer-bar-row:hover .performer-fill{filter:brightness(.94)}.performer-name{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.performer-track{background:#edf7f6;border-radius:6px;display:block;height:30px;overflow:hidden}.performer-fill{align-items:center;background:#0abab5;border-radius:6px 0 0 6px;color:#fff;display:flex;height:100%;justify-content:center;min-width:28px}.performer-bars.green .performer-fill{background:#10b981}.performer-bar-row:first-of-type .performer-fill{background:#c9a84c}.performer-bars.green .performer-bar-row:first-of-type .performer-fill{background:#10b981}.performer-fill strong{color:#fff;font-size:13px;font-weight:900}.performer-count{color:#142433;font-size:20px;line-height:1;text-align:right}.empty-chart{background:#edf7f6;border-radius:8px;color:#5a8080;font-size:13px;padding:16px}.bucket-list{display:flex;flex-wrap:wrap;gap:6px}.bucket-list span{background:#e0f7f6;border-radius:999px;color:#5a8080;font-size:11px;padding:3px 8px}.control-tower{display:grid;gap:14px}.control-summary{display:grid;gap:14px;grid-template-columns:minmax(0,1.65fr) minmax(280px,.65fr)}.exception-center{border-color:#e07a5f3d}.exception-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.exception-head p{color:#5a8080;margin-top:4px}.exception-head>strong{background:#e07a5f1f;border-radius:999px;color:#b84e30;font-size:13px;padding:8px 12px;white-space:nowrap}.exception-summary-grid{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:14px}.exception-summary-grid div{background:#f8fffe;border:1px solid rgba(10,186,181,.14);border-radius:8px;padding:12px}.exception-summary-grid span{color:#5a8080;display:block;font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.exception-summary-grid strong{color:#077e7a;display:block;font-size:24px;margin-top:5px}.management-summary{background:#0abab514;border-left:4px solid #0abab5;border-radius:8px;color:#1a2e2e;font-weight:700;line-height:1.5;margin-bottom:16px;padding:13px 14px}.exception-table{min-width:1180px}.department-risk h3,.exception-workspace h3{margin-bottom:10px}.department-risk-list{display:grid;gap:10px}.department-risk-list div{align-items:center;background:#f8fffe;border:1px solid rgba(12,107,88,.14);border-radius:8px;display:flex;justify-content:space-between;padding:13px}.department-risk-list span{color:#536672;font-weight:800}.department-risk-list strong{color:#0c6b58;font-size:24px}.control-charts{align-items:start;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.control-chart-card{align-content:start;display:grid;gap:12px;min-height:0;padding:16px}.control-chart-card h3{margin:0}.mini-bars{align-content:start;display:grid;gap:10px}.mini-bar-row{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(92px,1fr) minmax(78px,1.2fr) auto;min-height:28px}.mini-bar-row span{color:#253542;font-size:12px;font-weight:800;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-bar-row div{background:#eaf4f2;border-radius:999px;height:12px;overflow:hidden}.mini-bar-row i{background:#0c6b58;border-radius:inherit;display:block;height:100%}.severity-bars i.high{background:#e07a5f}.severity-bars i.medium{background:#c9a84c}.severity-bars i.low{background:#0c6b58}.severity-bars i.critical{background:#be123c}.mini-bar-row strong{color:#0c6b58;font-size:15px}.oldest-list{align-content:start;display:grid;gap:8px}.oldest-list button{background:#f8fffe;border:1px solid rgba(12,107,88,.16);color:#18242f;display:grid;gap:4px;min-height:0;padding:9px 10px;text-align:left;white-space:normal}.oldest-list button:hover{border-color:#e07a5f6b}.oldest-list strong{color:#b84e30;font-size:13px}.oldest-list span,.oldest-list small{color:#5a8080;line-height:1.35}.oldest-list span{font-size:12px;font-weight:900}.oldest-list small{font-size:11px}.exception-workspace{display:grid;gap:16px}.module-tabs{display:grid;gap:10px;grid-template-columns:repeat(6,minmax(0,1fr))}.module-tabs button{align-items:flex-start;background:#f8fffe;border:1px solid rgba(12,107,88,.16);color:#18242f;display:grid;gap:8px;min-height:78px;padding:12px;text-align:left;white-space:normal}.module-tabs button.active,.module-tabs button:hover{background:#0c6b58;border-color:#0c6b58;color:#fff}.module-tabs span{font-size:13px;font-weight:900;line-height:1.2}.module-tabs strong{font-size:24px;line-height:1}.exception-toolbar{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.exception-toolbar p{color:#5a8080;margin-top:3px}.exception-filters{display:grid;gap:10px;min-width:min(620px,100%)}.exception-filters>div{align-items:center;display:grid;gap:10px;grid-template-columns:74px minmax(0,1fr)}.exception-filters span{color:#5a8080;font-size:11px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.filter-chips{display:flex;flex-wrap:wrap;gap:7px}.filter-chips button{background:#f8fffe;border:1px solid rgba(12,107,88,.2);color:#0c6b58;font-size:12px;min-height:32px;padding:0 11px}.filter-chips button.active{background:#0c6b58;border-color:#0c6b58;color:#fff}.exception-layout{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(420px,1fr) minmax(360px,680px)}.exception-list{display:grid;gap:12px;max-height:720px;overflow:auto;padding:2px 8px 2px 2px}.exception-item{background:#fff;border:1px solid rgba(12,107,88,.16);border-radius:8px;color:#18242f;display:grid;gap:8px;grid-template-columns:minmax(0,1fr);min-height:0;padding:14px 16px;text-align:left;white-space:normal;width:100%}.exception-item:hover,.exception-item.active{background:#f8fffe;border-color:#e07a5f80;box-shadow:0 10px 28px #23303d14}.exception-item strong{color:#152633;display:block;font-size:15px;line-height:1.35;overflow-wrap:anywhere}.exception-item small,.exception-item em{color:#5a8080;display:block;font-size:12px;font-style:normal;line-height:1.4;overflow-wrap:anywhere}.exception-item-top{align-items:center;display:flex;gap:10px;justify-content:space-between;min-width:0}.exception-item-top em{color:#789099;font-size:11px;font-weight:900;letter-spacing:.3px;text-transform:uppercase}.ticket-preview{align-self:start;background:#f8fffe;border:1px solid rgba(12,107,88,.16);border-radius:8px;display:grid;gap:15px;min-width:0;padding:18px;position:sticky;top:18px}.ticket-preview-head{align-items:center;display:flex;justify-content:space-between}.ticket-preview-head span,.ticket-section span{color:#5a8080;display:block;font-size:11px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.ticket-preview-head strong{background:#0c6b581a;border-radius:999px;color:#0c6b58;font-size:12px;padding:6px 10px}.ticket-preview h3{color:#0c6b58;font-size:24px;line-height:1.25;margin:0}.ticket-preview dl{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.ticket-preview dl div{background:#fff;border:1px solid rgba(12,107,88,.12);border-radius:8px;padding:10px}.ticket-preview dt{color:#789099;font-size:10px;font-weight:900;letter-spacing:.7px;margin-bottom:5px;text-transform:uppercase}.ticket-preview dd{color:#18242f;font-weight:800;margin:0}.ticket-section{border-top:1px solid rgba(12,107,88,.12);display:grid;gap:7px;padding-top:13px}.ticket-section p{color:#253542;line-height:1.5}.ticket-section ul{color:#253542;display:grid;gap:6px;line-height:1.45;margin:0;padding-left:18px}.exception-table td strong,.exception-table td small{display:block}.exception-table td small{color:#5a8080;font-size:11px;margin-top:4px}.exception-severity{border-radius:999px;display:inline-flex;font-size:11px;font-weight:900;justify-self:start;line-height:1;max-width:max-content;padding:4px 9px;text-transform:uppercase;width:auto}.exception-severity.high{background:#e07a5f29;color:#b84e30}.exception-severity.medium{background:#c9a84c33;color:#8a6000}.exception-severity.low{background:#0abab524;color:#077e7a}.exception-severity.critical{background:#be123c24;color:#be123c}.team-records{display:grid;gap:18px}.team-record-block{border:1px solid rgba(10,186,181,.14);border-radius:8px;overflow:hidden}.team-record-header{align-items:center;background:#0abab51a;color:#077e7a;display:flex;gap:12px;justify-content:space-between;padding:9px 12px}.team-record-header strong{font-size:12px;letter-spacing:.5px;text-transform:uppercase}.team-record-header span{color:#b8860b;font-size:12px;font-weight:800}.combo-card{min-height:430px}.combo-head{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.period-tabs{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.period-tabs button{background:#fff;border:1px solid rgba(10,186,181,.28);color:#5a8080;font-size:12px;min-height:30px;padding:0 10px}.period-tabs button.active,.period-tabs button:hover{background:#0abab5;color:#fff}.combo-legend{align-items:center;color:#8aacac;display:flex;gap:16px;justify-content:center;margin-bottom:8px}.combo-legend span{align-items:center;display:inline-flex;font-size:13px;gap:7px}.line-key,.bar-key{display:inline-block;height:13px;width:13px}.line-key{border:3px solid #e07a5f}.bar-key{background:#c9a84c}.combo-scroll{overflow-x:auto;width:100%}.combo-chart{display:block;min-width:860px;width:100%}.combo-grid{stroke:#0abab51a;stroke-width:1}.combo-axis,.combo-label{fill:#5a8080;font-size:12px}.combo-axis.money{fill:#b8860b}.combo-axis-line{stroke:#1a2e2e2e}.combo-area{fill:#e07a5f1f}.combo-line{fill:none;stroke:#e07a5f;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.combo-bar{fill:#0abab5}.combo-bar.top{fill:#c9a84c}.combo-dot{fill:#e07a5f;stroke:#fff;stroke-width:2}.combo-point{cursor:pointer}.combo-point:hover .combo-bar{filter:brightness(.94)}.combo-point:hover .combo-dot{r:8}.records-table-live{min-width:860px}.money-cell{color:#b8860b;font-weight:800;text-align:right}.status-pill{border-radius:999px;display:inline-flex;font-size:11px;font-weight:800;padding:3px 9px;white-space:nowrap}.status-pill.spa_executed,.status-pill.approved_booking{background:#0abab526;color:#077e7a}.status-pill.spa_pending_cs{background:#e07a5f29;color:#b84e30}.status-pill.draft,.status-pill.under_sales_manager,.status-pill.under_admin_ops{background:#f9731629;color:#c2410c}.status-pill.for_review{background:#8b5cf629;color:#6d28d9}.status-pill.ready_for_dispatch{background:#22c55e29;color:#15803d}.status-pill.spa_pending_counter_sign{background:#c9a84c33;color:#8a6000}.drilldown-overlay{align-items:center;background:#0a232f7a;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:20}.drilldown-modal{background:#fff;border:1px solid rgba(10,186,181,.24);border-radius:8px;box-shadow:0 24px 80px #1428303d;max-height:min(780px,86vh);max-width:min(1180px,94vw);overflow:auto;padding:18px;width:100%}.drilldown-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.drilldown-head h3{color:#077e7a;font-size:20px;line-height:1.2;margin:0}.drilldown-head p{color:#5a8080;margin-top:5px}.drilldown-head button{background:#314653}.pdf-exporting .mis-actions,.pdf-exporting .toolbar,.pdf-exporting .pager{display:none!important}.pdf-exporting .mis-card,.pdf-exporting .mis-kpi{box-shadow:none}@media(max-width:1080px){.dashboard,.dashboard.sidebar-collapsed,.login-page{grid-template-columns:1fr}.dashboard,.dashboard.sidebar-collapsed{height:auto;min-height:100vh;overflow:visible}.dashboard.sidebar-collapsed{display:grid}.sidebar{display:grid;gap:14px;grid-template-columns:auto minmax(0,1fr) auto;height:auto;overflow:visible;padding:14px 18px;position:static}.content{height:auto;overflow:visible}.sidebar-brand{min-height:48px}.sidebar-collapsed .sidebar{align-items:stretch;padding:14px 18px}.sidebar-collapsed .sidebar-brand{flex-direction:row}.sidebar-collapsed .sidebar-brand>div,.sidebar-collapsed .nav-item span,.sidebar-collapsed .nav-item small,.sidebar-collapsed .logout{display:block}.sidebar-collapsed .nav-item:before{content:none}.sidebar-collapsed .nav-item{display:block;min-height:54px;padding:11px 12px}nav{align-items:stretch;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.nav-item{flex:0 0 210px;min-height:54px}.logout{align-self:center;margin-top:0}.metric-grid,.toolbar,.mis-kpis,.mis-kpis.four,.mis-grid.split,.control-charts,.control-summary,.exception-layout{grid-template-columns:1fr 1fr}.login-visual{min-height:360px}.login-visual h1{font-size:38px}.mis-grid.split,.control-summary,.exception-layout{grid-template-columns:1fr}.module-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.exception-toolbar{display:grid}.ticket-preview{position:static}.mis-donut-wrap{grid-template-columns:190px minmax(0,1fr)}}@media(max-width:720px){button{width:100%}.login-page{min-height:auto}.login-visual{min-height:280px}.login-visual h1{font-size:32px;max-width:340px}.login-visual p{font-size:15px}.login-card{box-shadow:none;padding:22px}.dashboard{display:block}.sidebar{grid-template-columns:1fr;padding:14px}.sidebar-toggle{display:none}.sidebar-brand{justify-content:space-between}nav{margin-inline:-2px}.nav-item{flex-basis:180px}.content,.login-panel,.login-visual{padding:18px}.metric-grid,.toolbar,.pager,.mis-kpis,.mis-kpis.four,.mis-grid.split,.control-charts,.mis-donut-wrap,.control-summary,.exception-layout,.exception-summary-grid,.ticket-preview dl{align-items:stretch;display:grid;grid-template-columns:1fr}.exception-head,.exception-toolbar{display:grid}.exception-filters>div{align-items:stretch;grid-template-columns:1fr}.module-tabs{grid-template-columns:1fr 1fr}.mis-hero{align-items:stretch;flex-direction:column;padding:20px}.mis-hero h2{font-size:25px}.mis-actions{display:grid;grid-template-columns:1fr}.mis-section-title{font-size:20px}.mis-kpi{padding:15px}.mis-kpi strong{font-size:25px}.mis-card{padding:16px}.mis-card h3{font-size:16px}.mis-donut{height:190px;margin-inline:auto;width:190px}.mis-donut>div{height:104px;width:104px}.mis-donut strong{font-size:25px}.mis-legend{grid-template-columns:1fr 1fr}.mis-legend-row{grid-template-columns:12px minmax(0,1fr) auto}.mis-legend-row span{font-size:13px}.mis-legend-row strong{font-size:15px}.drilldown-overlay{padding:10px}.drilldown-modal{max-height:90vh;padding:12px}.drilldown-head{display:grid;grid-template-columns:1fr}.stack-row{gap:6px;grid-template-columns:1fr}.stack-name{white-space:normal}.stack-track{height:28px}.performer-bar-row{gap:7px;grid-template-columns:1fr 44px}.performer-name{grid-column:1 / -1;white-space:normal}.performer-track{height:28px}.performer-count{font-size:18px}.performer-periods{align-items:flex-start;display:grid}.performer-periods .period-tabs{justify-content:flex-start}.topbar{flex-direction:column}.topbar h1{font-size:26px}.user-chip{min-width:0;width:100%}.table-wrap{max-height:58vh;min-height:280px}.pager div{display:grid;grid-template-columns:1fr;width:100%}}@media(max-width:420px){.content,.login-panel,.login-visual{padding:12px}.brand-mark{height:40px;width:50px}.login-visual h1{font-size:28px}.nav-item{flex-basis:160px;min-height:50px}.mis-hero h2,.mis-kpi strong{font-size:23px}}@media print{@page{margin:10mm;size:A4 landscape}:root,body{background:#fff;color:#1a2e2e}button,.sidebar,.topbar,.mis-actions,.toolbar,.pager{display:none!important}.dashboard,.dashboard.sidebar-collapsed{display:block}.content{padding:0}.mis-page{gap:10px}.mis-hero{border-radius:0;margin-bottom:12px;padding:16px 18px}.mis-hero h2{font-size:24px}.mis-section-title{font-size:17px;margin-top:14px}.mis-kpis,.mis-kpis.four{gap:8px;grid-template-columns:repeat(5,minmax(0,1fr))}.mis-kpis.four{grid-template-columns:repeat(4,minmax(0,1fr))}.mis-kpi,.mis-card,.team-record-block{box-shadow:none;break-inside:avoid;page-break-inside:avoid}.mis-kpi{padding:10px}.mis-kpi strong{font-size:20px}.mis-grid.split{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.mis-card{padding:12px}.mis-card h3{font-size:14px;margin-bottom:10px}.mis-donut{height:150px;width:150px}.mis-donut>div{height:84px;width:84px}.mis-donut strong{font-size:22px}.mis-donut-wrap{grid-template-columns:150px minmax(0,1fr)}.mis-table-scroll,.mis-card{overflow:visible}.mis-table,.records-table-live{min-width:0}.mis-table th,.mis-table td{font-size:9px;padding:5px 6px}.team-records{gap:10px}}