*{box-sizing:border-box}body{margin:0;font:12px Inter,Arial,sans-serif;color:#17202a;background:#eef1f4}header{height:54px;background:#17212b;color:#fff;display:flex;align-items:center;padding:0 18px;gap:12px}header img{width:35px;height:35px;object-fit:contain}header div{display:flex;flex-direction:column}header b{font-size:14px}header span{font-size:10px;color:#aeb8c2}nav{display:flex;align-self:stretch;margin-left:25px}nav button{border:0;background:none;color:#c9d1d9;padding:0 12px;font-size:11px;cursor:pointer;border-bottom:3px solid transparent}nav button.active{color:#fff;border-bottom-color:#f28b30}.live{margin-left:auto!important;display:flex!important;flex-direction:row!important;gap:6px!important;align-items:center;font-size:10px}.live i{width:7px;height:7px;border-radius:50%;background:#65b96e}.toolbar{height:48px;background:#fff;border-bottom:1px solid #cfd5db;display:flex;align-items:center;gap:8px;padding:7px 14px;position:sticky;top:0;z-index:5}.toolbar select,.toolbar input,.toolbar button,.btn{height:30px;border:1px solid #bbc4cd;background:#fff;border-radius:3px;padding:0 9px;font-size:11px}.toolbar button,.btn{background:#24384a;color:#fff;border-color:#24384a;cursor:pointer}#state{margin-left:auto;color:#697683}.page{padding:14px}.title{font-size:18px;font-weight:650;margin-bottom:3px}.sub{color:#6f7c88;margin-bottom:14px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.metric{background:#fff;border:1px solid #d2d8de;padding:12px}.metric label{display:block;color:#6b7782;font-size:10px;text-transform:uppercase}.metric strong{font-size:24px}.rankgrid,.panel{background:#fff;border:1px solid #cbd2d9}.rankrow{display:grid;grid-template-columns:70px repeat(5,1fr);border-top:1px solid #e1e5e9;min-height:38px;align-items:center}.rankrow>*{padding:8px}.rankrow.head{background:#e7eaed;font-weight:700;color:#4b5864}.neg{color:#b22626;font-weight:700}.pos{color:#237445;font-weight:700}.tabs{display:flex;gap:5px;margin-bottom:8px}.workspace{display:grid;grid-template-columns:1fr 270px;gap:8px;height:calc(100vh - 132px)}.board{background:#fff;border:1px solid #bac3cc;overflow:auto}.inspector{background:#f8f9fa;border:1px solid #bac3cc;padding:12px;overflow:auto}.sectionhead{position:sticky;left:0;background:#d9dde1;border-bottom:1px solid #aeb7c0;padding:6px 9px;font-weight:700}.gridrow{display:grid;grid-template-columns:190px repeat(var(--days),minmax(64px,1fr));min-width:max-content;border-bottom:1px solid #e0e4e7}.gridrow>div{border-right:1px solid #e4e7ea;min-height:37px;padding:4px}.gridrow.dates{position:sticky;top:0;z-index:2;background:#f0f2f4;font-weight:600}.person{position:sticky;left:0;background:#fff;z-index:1}.person b{display:block}.person small{color:#75808a}.cell{cursor:pointer}.cell:hover{outline:1px solid #6c8ca8;outline-offset:-1px}.activity{height:27px;border-radius:2px;padding:5px 4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:650;background:#dce5ed;border-left:3px solid #597c99}.activity.FLIGHT{background:#d8eadc;border-left-color:#418854}.activity.OFF{background:#edf0f2;border-left-color:#a8b0b7;color:#66717a}.activity.AL{background:#ddd3eb;border-left-color:#76519d}.activity.VTO{background:repeating-linear-gradient(135deg,#e9dff1,#e9dff1 5px,#f6f0fa 5px,#f6f0fa 10px);border-left-color:#805aa3}.activity.HSBY{background:#f7e4bd;border-left-color:#c99022}.activity.AD{background:#d9e8f6;border-left-color:#4c83ad}.activity.TRAINING{background:#f2d5d8;border-left-color:#b64c57}.dutybar{margin:2px;background:#dbe4ed;border:1px solid #9caebb;padding:5px;font-size:10px;cursor:pointer}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:7px;border:1px solid #d9dee3;text-align:left}.table th{background:#e9ecef}.heat{display:grid;grid-template-columns:100px repeat(4,1fr);gap:1px;background:#cdd3d8}.heat>div{background:#fff;padding:8px}.heat .short{background:#f6dada}.heat .healthy{background:#dcebdd}.form{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#fff;border:1px solid #ccd3da;padding:10px;margin-bottom:10px}.form input,.form select{height:30px;border:1px solid #bfc7cf;padding:5px}.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center;z-index:20}.hidden{display:none}.dialog{width:min(620px,90vw);background:#fff;border:1px solid #798692;box-shadow:0 20px 60px #0005;padding:16px}.dialog h3{margin-top:0}@media(max-width:900px){.metrics{grid-template-columns:1fr 1fr}.workspace{grid-template-columns:1fr}.inspector{display:none}nav{overflow:auto}.form{grid-template-columns:1fr 1fr}}