:root{color:#1f2933;background:#f8f9fa;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1500px;margin:0 auto;padding:22px}header{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}h1,h2,p{margin:0}h1{font-size:28px;letter-spacing:0}h2{font-size:17px}header p{margin-top:6px;color:#607080}.panel{background:#fff;border:1px solid #d7dee8;border-radius:8px;padding:16px;margin-bottom:14px;box-shadow:0 1px 2px #1e293b0d}.compact{background:#fbfcfe}.admin-toggle-panel{padding-bottom:2px}.admin-title{margin-bottom:14px}.admin-title .hint{margin-top:4px}.admin-content{display:grid;gap:12px}.admin-content .panel{margin-bottom:0;box-shadow:none}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.five{grid-template-columns:repeat(5,minmax(0,1fr))}.six{grid-template-columns:repeat(6,minmax(0,1fr))}label{color:#46596b;display:grid;gap:6px;font-size:12px;font-weight:700}input,select,textarea,button{border:1px solid #c8d2df;border-radius:6px;font:inherit}input,select,textarea{width:100%;min-height:38px;padding:8px 10px;background:#fff;color:#1f2933}textarea{min-height:120px;resize:vertical;font-family:Consolas,monospace;font-size:12px}button{min-height:38px;padding:8px 15px;background:#008cff;color:#fff;cursor:pointer;font-weight:700}button:disabled{cursor:not-allowed;opacity:.65}button:hover{background:#0073d1}.hint,.status-line{align-self:end;color:#607080;font-size:13px}.status-line{margin-top:10px}.run-status{display:grid;gap:8px;margin-top:12px}.run-day{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dce3ec;border-radius:8px;padding:10px 12px;background:#fff}.run-day div{display:grid;gap:3px}.run-day span{color:#607080;font-size:12px}.badge{border-radius:999px;padding:5px 9px;background:#f8f9fa;color:#46596b;font-size:12px;font-weight:800;white-space:nowrap}.badge.running{background:#fff3cd;color:#7a5b00}.badge.success{background:#d9f5e5;color:#17663a}.badge.failed{background:#fde2e2;color:#ff4b4b}.error-text{color:#ff4b4b!important}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.kpis div{background:#fff;border:none;border-radius:8px;padding:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.kpis span{display:block;color:#607080;font-size:12px}.kpis strong{display:block;margin-top:5px;font-size:26px;font-weight:700;color:#0f172a}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.custom-remarks-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.chart-card{border:1px solid #dce3ec;border-radius:8px;background:#fff;padding:14px;display:flex;flex-direction:column;min-height:330px}.chart-head{display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:baseline;margin-bottom:12px}.chart-head h3{margin:0;color:#1f2933;font-size:15px}.chart-head strong{color:#008cff;font-size:22px}.chart-head span{color:#607080;font-size:12px;grid-column:1 / -1}.pie-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:14px;align-items:start;flex:1}.pie-svg{width:180px;height:180px;display:block}.pie-total{fill:#1f2933;font-size:15px;font-weight:800}.pie-caption{fill:#607080;font-size:8px;font-weight:700}.pie-legend{display:grid;gap:7px;min-width:0;align-content:start}.legend-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto 48px;gap:8px;align-items:center;color:#46596b;font-size:12px}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-name{overflow-wrap:anywhere}.legend-row strong{color:#1f2933}.legend-row>span:last-child{text-align:right;color:#607080}.legend-toggle{justify-self:start;min-height:30px;margin-top:3px;padding:5px 10px;background:#eef4fb;color:#008cff;border-color:#c8d8eb;font-size:12px}.legend-toggle:hover{background:#dfeaf7}.empty-chart{min-height:180px;display:grid;place-items:center;color:#607080;font-size:13px;text-align:center}.table-wrap{overflow:auto;max-height:520px;border:1px solid #d7dee8;border-radius:8px}table{width:100%;border-collapse:collapse;font-size:12px;min-width:900px}th,td{border-bottom:1px solid #e4eaf1;padding:8px 10px;text-align:left;vertical-align:top}th{position:sticky;top:0;background:#008cff;color:#fff;z-index:1}td{background:#fff}.pivot-high{background:#ffe4e4;color:#8a1f1f;font-weight:800}.pivot-low{background:#e4f7e9;color:#17663a;font-weight:800}.pivot-success-high{background:#d9f5e5;color:#17663a;font-weight:800}.pivot-success-low{background:#fde2e2;color:#ff4b4b;font-weight:800}.off-hours-row td{background:#fff1f1}.off-hours-row:hover td{background:#ffe7e7}.raw td:last-child{min-width:360px}.numeric{text-align:right!important}.pending-hint{padding:10px;background:#fff8e1;border:1px solid #ffe082;border-radius:6px;color:#856404;font-size:13px;margin:10px 0;animation:pulse-bg 2s infinite}@keyframes pulse-bg{0%{background:#fff8e1}50%{background:#fffde7}to{background:#fff8e1}}@media(max-width:1000px){main{padding:12px}.two,.three,.five,.six,.kpis,.analytics-grid,.custom-remarks-charts,.pie-layout{grid-template-columns:1fr}.pie-svg{margin:0 auto}header{align-items:start}}input[type=checkbox]{width:auto;height:auto;margin-right:8px;cursor:pointer}.staff-productivity-panel{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.kpi-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.kpi-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;display:flex;flex-direction:column}.kpi-card .kpi-label{font-size:12px;color:#64748b;text-transform:uppercase;font-weight:600;margin-bottom:.25rem}.kpi-card .kpi-value{font-size:20px;font-weight:700;color:#0f172a}.dashboard-table-wrap{overflow-x:auto;max-height:600px;border:1px solid #e2e8f0;border-radius:8px}.dashboard-table-wrap table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.dashboard-table-wrap th,.dashboard-table-wrap td{padding:10px 12px;border-bottom:1px solid #e2e8f0;white-space:nowrap;height:40px}.dashboard-table-wrap tbody tr:nth-child(2n){background-color:#f8fafc}.dashboard-table-wrap thead th{background-color:#f1f5f9;position:sticky;top:0;z-index:2;border-bottom:2px solid #cbd5e1;color:#334155}.dashboard-table-wrap tbody td.sticky-col,.dashboard-table-wrap thead th.sticky-col{position:sticky;left:0;background-color:inherit;z-index:1}.dashboard-table-wrap tbody td.sticky-col.rank-col,.dashboard-table-wrap thead th.sticky-col.rank-col{left:0;width:40px;background-color:inherit}.dashboard-table-wrap tbody td.sticky-col.name-col,.dashboard-table-wrap thead th.sticky-col.name-col{left:40px;background-color:inherit;border-right:2px solid #e2e8f0}.dashboard-table-wrap thead th.sticky-col{z-index:3;background-color:#f1f5f9!important}.dashboard-table-wrap tbody tr:nth-child(2n) td.sticky-col{background-color:#f8fafc}.dashboard-table-wrap tbody tr:nth-child(odd) td.sticky-col{background-color:#fff}.dashboard-table-wrap tfoot th{position:sticky;bottom:0;background-color:#f1f5f9;z-index:2;border-top:2px solid #cbd5e1;color:#0f172a}.dashboard-table-wrap tfoot th.sticky-col{z-index:3}.dashboard-table-wrap td.trend-col{font-family:monospace;letter-spacing:1px;color:#008cff;font-size:16px}.trend-arrow{font-size:10px;margin-left:4px}.trend-up{color:#16a34a}.trend-down{color:#ff4b4b}.section-menu{display:flex;gap:0;border-bottom:2px solid #ccd6e0}.section-tab{background:transparent!important;color:#64748b!important;border:none!important;border-radius:0!important;padding:1rem 2rem!important;font-size:1.05rem!important;font-weight:500!important;border-bottom:3px solid transparent!important;box-shadow:none!important;white-space:nowrap!important;transition:all .2s ease-in-out}.section-tab:hover{background:#f1f5f9!important;color:#334155!important}.section-tab.active{color:#0f172a!important;font-weight:700!important;border-bottom:3px solid #3b82f6!important;background:#f8fafc!important}.secondary-btn{background:#e7eef7;color:#0073d1}.band{padding:18px clamp(16px,3vw,34px);border-bottom:1px solid #dbe3ee;background:#fff}.band:nth-of-type(2n){background:#f8fafc}.section-head,.table-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head .actions{display:flex;gap:8px;flex-wrap:wrap}.filter- .loader-icon{width:16px;height:16px;border:2px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.grid{display:grid;gap:12px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.six{grid-template-columns:repeat(5,minmax(0,1fr))}label{display:grid;gap:5px;color:#526071;font-size:12px;font-weight:800;text-transform:uppercase}input,select,textare textare .note{min-height:38px;display:flex;align-items:center;color:#526071;font-size:13px;line-height:1.35}.status-line{margin:12px 0 0;color:#008cff;font-weight:700}.run-strip{display:flex;gap:8px;overflow-x:auto;margin-top:12px;padding-bottom:2px}.run{flex:0 0 210px;display:grid;gap:3px;border-left:4px solid #94a3b8;background:#fff;border-radius:6px;padding:10px;box-shadow:0 1px 3px #0f172a14;font-size:12px}.run.success{border-left-color:#16a34a}.run.failed{border-left-color:#ff4b4b}.charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}.chart-block,.table-zone{background:#fff;border:1px solid #dbe3ee;border-radius:8px;padding:14px;min-width:0}.chart-block h3{margin:0 0 12px;font-size:16px}.pie-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:center}.pie{width:220px;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 16px #fff,0 0 0 1px #dbe3ee}.pie-row.compact{grid-template-columns:140px minmax(0,1fr)}.pie.compact{width:140px;box-shadow:inset 0 0 0 12px #fff,0 0 0 1px #dbe3ee}.legend{display:grid;gap:7px}.legend div{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:13px}.legend-clickable{border-radius:6px;padding:3px 4px;margin:-3px -4px;cursor:pointer}.legend-clickable:hover,.legend-clickable:focus-visible{background:#eef5ff;outline:1px solid #b8cff5}.legend i{width:12px;height:12px;border-radius:3px}.legend b{font-variant-numeric:tabular-nums}.legend-value-wrap{display:inline-flex;justify-content:flex-end;align-items:center;gap:6px;min-width:140px;text-align:right}.legend-amount{color:#0f172a;font-weight:700;font-variant-numeric:tabular-nums}.legend-percent{font-weight:700;font-variant-numeric:tabular-nums}.legend-percent.high{color:#16a34a}.legend-percent.low{color:#ef4444}.tables-grid{align-items:start}.chart-drilldown{min-height:288px}.drilldown-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.drilldown-head h3{margin-bottom:3px}.drilldown-head span{color:#64748b;font-size:12px;font-weight:700}.drilldown-back{min-height:30px;padding:0 10px;font-size:12px}.drilldown-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.drilldown-summary span{display:grid;gap:2px;border:1px solid #e5ebf2;border-radius:6px;padding:8px;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}.drilldown-summary strong{color:#172033;font-size:14px}.airline-rank-list{display:grid;gap:5px;max-height:380px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.airline-rank-list::-webkit-scrollbar{width:6px}.airline-rank-list::-webkit-scrollbar-track{background:transparent}.airline-rank-list::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.drilldown-group{display:grid;gap:3px}.drilldown-group>.airline-rank-row:first-child{background:#f8fafc}.airline-rank-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(86px,auto) minmax(58px,auto) minmax(46px,auto);gap:8px;align-items:center;min-height:28px;padding:5px 7px;border:1px solid #edf2f7;border-radius:6px;font-size:12px}.airline-rank-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.airline-rank-row span,.airline-rank-row b{text-align:right;font-variant-numeric:tabular-nums}.airline-rank-row b{color:#16a34a}.drilldown-sub-row{margin-left:12px;min-height:24px;padding:4px 7px;border-style:dashed;background:#fff;font-size:11px}.drilldown-sub-row strong{color:#475569;font-weight:700}.drilldown-sub-row b{color:#64748b}.role-admin-grid{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:14px;align-items:start;margin-bottom:18px}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 14px}.permission-grid.compact{grid-template-columns:1fr;margin:8px 0}.check-row{display:flex;align-items:center;gap:8px;min-height:34px;padding:7px 9px;border:1px solid #dbe3ee;border-radius:6px;background:#f8fafc;color:#172033;text-transform:none;font-size:12px;font-weight:700}.check-row input{width:16px;min-height:16px;padding:0}.role-list{display:grid;gap:12px;max-height:620px;overflow:auto}.permission-section{margin-top:12px}.permission-title{color:#526071;font-size:12px;font-weight:900;text-transform:uppercase;margin-bottom:6px}.role-editor{border:1px solid #dbe3ee;border-radius:8px;padding:12px;background:#fff}.role-editor-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.role-editor-head span{color:#64748b;font-size:12px;font-weight:700}.table-wrap{overflow:auto;max-height:430px;border:1px solid #e5ebf2}table{width:100%;border-collapse:collapse;min-width:760px;font-size:12px}th,td{border-bottom:1px solid #e5ebf2;padding:8px 9px;text-align:left;white-space:nowrap}th{position:sticky;top:0;z-index:1;background:#eaf1f9;color:#0073d1;font-weight:800}.num{text-align:right;font-variant-numeric:tabular-nums}.bsp-split-wrap{overflow-x:hidden}.bsp-split-table{width:100%;min-width:0;table-layout:fixed;font-size:12px}.bsp-split-table th,.bsp-split-table td{padding:6px;white-space:nowrap}.bsp-split-table th.num,.bsp-split-table td.num{text-align:right!important}.bsp-split-table th:last-child,.bsp-split-table td:last-child{padding-right:18px}.bsp-split-table .airline-cell{overflow:hidden;text-overflow:ellipsis}.bsp-split-table .neg{color:#ff4b4b;font-weight:700}.pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:10px}.pager .pager span,.table-title span{color:#64748b;font-size:13px}@media(max-width:1100px){.grid.three,.grid.four,.grid.six,.kpis,.charts,.tables-grid,.role-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pie-row{grid-template-columns:180px minmax(0,1fr)}.pie{width:180px}}@media(max-width:720px){header,.band{padding-left:12px;padding-right:12px}.grid.two,.grid.three,.grid.four,.grid.six,.kpis,.charts,.tables-grid,.role-admin-grid,.permission-grid,.pie-row{grid-template-columns:1fr}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.pie{width:min(240px,100%);justify-self:center}}.login-overlay{position:fixed;inset:0;background:#f1f5f9;display:flex;align-items:center;justify-content:center;z-index:9999}.login-box{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 30px #0000001a;width:100%;max-width:400px;border:1px solid #dbe3ee}.login-box h1{margin:0 0 8px;font-size:24px;color:#0073d1}.login-box p{margin:0 0 24px;opacity:.7;font-size:14px}.login-box .field{margin-bottom:16px}.login-box label{display:block;margin-bottom:8px;font-size:13px;font-weight:500}.login-box input{width:100%;padding:12px;background:#f8fafc;border:1px solid #dbe3ee;border-radius:6px;color:#0073d1}.login-box .login-box button:hover{background:#102033}.login-error{color:#ff4b4b;font-size:13px;margin:8px 0}.switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#16a34a}input:checked+.slider:before{transform:translate(20px)}.user-nav{display:flex;align-items:center;gap:16px;flex-shrink:0}.user-nav span{font-size:14px;font-weight:700;color:#0073d1}.logout-btn{padding:6px 12px;background:#fff;border:1px solid #dbe3ee;border-radius:4px;color:#64748b;font-size:12px;cursor:pointer;font-weight:600}.logout-btn:hover{background:#f8fafc;color:#0073d1}.logout-btn.danger{color:#ff4b4b}.role-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:800;text-transform:uppercase}.role-badge.admin{background:#fef3c7;color:#92400e}.role-badge.user{background:#dcfce7;color:#166534}.rolling-number{display:inline-flex!important;flex-direction:row!important;align-items:baseline;font-variant-numeric:tabular-nums;overflow:visible;letter-spacing:-.5px}.digit-box{display:inline-block;height:1em;line-height:1em;overflow:hidden;position:relative;width:.58em}.digit-static{display:inline-block;line-height:1em;vertical-align:bottom}.digit-strip{display:flex;flex-direction:column;transition:transform .5s cubic-bezier(.4,0,.2,1)}.digit-strip span{display:block;height:1em;text-align:center}.digit-strip.moving{filter:none}.flip-content{transition:transform .15s ease-in-out;transform:rotateY(0)}.flip-content.flipping-half{transform:rotateY(90deg)}.flip-content.flipping-done{transform:rotateY(-90deg);transition:none}.ssr-tooltip-wrapper{position:relative;display:flex;justify-content:flex-end;align-items:center;cursor:help;color:#0369a1;font-size:.9em;font-variant-numeric:tabular-nums}.ssr-tooltip-wrapper:hover .ssr-tooltip-box{opacity:1;visibility:visible;transform:translateY(0)}.ssr-tooltip-box{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(5px);background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:8px 12px;min-width:220px;z-index:100;opacity:0;visibility:hidden;transition:all .2s ease-in-out;pointer-events:none;font-size:.9rem;color:#334155;text-align:left;white-space:nowrap}.ssr-tooltip-box:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:#fff;border-left:1px solid #e2e8f0;border-top:1px solid #e2e8f0}.ssr-tooltip-row{display:flex;justify-content:space-between;align-items:center;padding:2px 0}.ssr-tooltip-row span:first-child{font-weight:500;margin-right:12px}.ssr-tooltip-row.total-row{border-top:1px dashed #cbd5e1;margin-top:4px;padding-top:4px;font-weight:700;color:#0f172a}.clickable-row:hover{background-color:#f8fafc}.clickable-row:hover td.airline-cell,.airline-rank-row.clickable-row:hover strong{color:#2563eb!important;text-decoration:underline}.kpis strong,.kpis strong.rolling-number{font-size:26px!important;color:#0f172a!important;font-weight:700!important}.kpis div{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;border:none!important}#root .kpis>div{background:#eef4fb!important;border:1px solid #c2dcf6!important;box-shadow:0 2px 4px #008cff0d!important;border-radius:8px!important;padding:22px 20px!important}#root .kpis>div>span{color:#4b6a8a!important;font-size:13px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.5px!important;display:block!important;margin-bottom:8px!important}#root .kpis>div>strong,#root .kpis>div>strong.rolling-number{display:inline-flex!important;flex-direction:row!important;align-items:baseline!important;color:#024!important;font-size:28px!important;font-weight:900!important;line-height:1.1!important;margin-top:5px!important}