*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;background:#c4d0ca;color:#0f1514;min-height:100vh}.sidebar{position:fixed;top:12px;left:12px;width:214px;height:calc(100vh - 24px);background:#181f1e;border-radius:18px;display:flex;flex-direction:column;padding:1.25rem .875rem;z-index:100;overflow:hidden}.sidebar-logo{padding:0 .375rem 1.125rem;margin-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.07)}.sidebar-logo-name{font-size:15px;font-weight:700;color:#fff;letter-spacing:-.01em}.sidebar-logo-sub{font-size:11px;font-weight:400;color:rgba(255,255,255,.38);margin-top:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font-size:13px;font-weight:500;color:rgba(255,255,255,.72);cursor:pointer;margin-bottom:2px;border:none;background:transparent;width:100%;text-align:left;text-decoration:none;transition:background .15s,color .15s}.nav-item:hover{background:rgba(255,255,255,.08);color:rgba(255,255,255,.95)}.nav-item.active{background:rgba(255,255,255,.13);color:#fff;font-weight:600}.nav-item.active .nav-icon-wrap svg{opacity:1}.nav-icon-wrap{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-icon-wrap svg{opacity:.75;transition:opacity .15s}.nav-item.active .nav-icon-wrap svg,.nav-item:hover .nav-icon-wrap svg{opacity:1}.nav-bottom{margin-top:auto;padding-top:.875rem;border-top:1px solid rgba(255,255,255,.07)}.nav-bottom-name{font-size:13px;font-weight:600;color:rgba(255,255,255,.9);padding:0 .375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-bottom-role{font-size:11px;color:rgba(255,255,255,.35);padding:2px .375rem 0;text-transform:capitalize;margin-bottom:8px;display:block}.sign-out-btn{padding:7px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:transparent;color:rgba(255,255,255,.45);font-size:12px;cursor:pointer;width:100%;text-align:left;transition:background .15s,color .15s}.sign-out-btn:hover{background:rgba(255,255,255,.07);color:rgba(255,255,255,.75)}.main{margin-left:238px;padding:1.5rem 1.75rem 2.5rem}.page-header{margin-bottom:1.5rem}.page-title{font-size:22px;font-weight:600;color:#0f1514;letter-spacing:-.01em}.page-sub{font-size:13px;color:#5f6e6a;margin-top:4px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:1.5rem}.metric{background:#fff;border-radius:16px;padding:1rem 1.25rem;box-shadow:0 1px 2px rgba(0,0,0,.04),0 4px 14px rgba(0,0,0,.06)}.metric-label{font-size:12px;color:#7a8a86;margin-bottom:6px}.metric-value{font-size:26px;font-weight:600;color:#0f1514;letter-spacing:-.02em}.metric-value.danger{color:#a32d2d}.metric-value.warn{color:#854f0b}.metric-value.success{color:#2d6d40}.week-nav{display:flex;align-items:center;gap:8px;margin-bottom:1rem;flex-wrap:wrap}.week-label{font-size:14px;font-weight:500;color:#0f1514}.nav-btn{padding:5px 12px;font-size:12px;border-radius:8px;border:1px solid #d0d8d4;background:#fff;color:#5f6e6a;cursor:pointer;transition:background .12s}.nav-btn:hover{background:#f4f7f6}.nav-btn.view-active{background:#e8f0ed;border-color:#a8c4ba;color:#185fa5;font-weight:500}.save-btn{margin-left:auto;padding:7px 18px;font-size:13px;border-radius:9px;border:none;background:#185fa5;color:#fff;cursor:pointer;font-weight:500;transition:background .12s}.save-btn:hover{background:#0c447c}.save-btn:disabled{background:#8fa8a2;cursor:default}.saved-notice{font-size:11px;color:#2d6d40;background:#e4f2ea;border-radius:6px;padding:4px 10px}.sort-start-banner{font-size:11px;font-weight:700;color:#185fa5;background:#eef4fc;border-radius:6px;padding:4px 8px;margin-bottom:8px;letter-spacing:.01em}.today-card{background:#fff;border-radius:18px;padding:22px 26px;max-width:580px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 4px 14px rgba(0,0,0,.07)}.today-header{font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:700;color:#0f1514;margin-bottom:18px;padding-bottom:14px;border-bottom:2px solid #185fa5;letter-spacing:.01em;line-height:1.3}.today-wing{margin-bottom:14px}.today-wing-label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;background:#f0f4f2;border-radius:5px;border-left:3px solid #185fa5}.today-row,.today-wing-label{color:#0f1514;padding:4px 8px}.today-row{display:flex;align-items:baseline;gap:10px;font-size:13px;border-bottom:.5px solid #f0f4f2}.today-row:last-child{border-bottom:none}.today-vacant{color:#c0392b}.today-role{font-size:11px;color:#5f6e6a;min-width:80px;flex-shrink:0}.today-time{font-size:12px;color:#185fa5;font-weight:700;min-width:70px;flex-shrink:0}.today-name{font-weight:600;font-size:14px}.today-empty{color:#e05a5a;font-weight:700;font-size:11px;letter-spacing:.04em}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:1.5rem}.no-sort-day{background:#f7f9f8;border-color:#e4ebe8!important}.no-sort-day .day-header{border-bottom:none;padding-bottom:4px}.no-sort-label{padding:10px 0;text-align:center;font-size:11px;color:#b8c8c2;font-style:italic}.day-card{background:#fff;border-radius:14px;padding:1rem;box-shadow:0 1px 2px rgba(0,0,0,.03),0 2px 8px rgba(0,0,0,.05)}.day-header{font-size:13px;font-weight:500;color:#0f1514;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #edf1ef}.day-date{font-size:11px;color:#7a8a86;font-weight:400}.wing{margin-bottom:10px}.wing:last-child{margin-bottom:0}.wing-label{font-size:10px;font-weight:600;color:#7a8a86;letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px}.floater-wing{border-top:.5px dashed #dde5e2;padding-top:10px;margin-top:4px}.handler-row{display:flex;align-items:center;gap:5px;padding:3px 6px;border-radius:6px;margin-bottom:4px;background:#f4f7f6;border:1px solid transparent}.handler-row:focus-within{border-color:#378add;background:#fff}.handler-row.is-vacant{background:#fdf0f0;border-color:#f5c4c4}.handler-row.is-vacant:focus-within{background:#fdf0f0;border-color:#e05a5a}.handler-row.is-pto{background:#fef7ec;border-color:#f5d893}.handler-row.readonly{pointer-events:none}.handler-role{font-size:10px;color:#7a8a86;min-width:60px;white-space:nowrap;flex-shrink:0}.handler-input{flex:1 1;border:none;background:transparent;font-size:12px;font-weight:500;color:#0f1514;font-family:inherit;padding:2px 0;min-width:0}.handler-input:focus{outline:none}.handler-input::placeholder{color:#b8c8c2;font-weight:400;font-style:italic}.handler-input:-moz-read-only{cursor:default}.handler-input:read-only{cursor:default}.tag{font-size:9px;font-weight:600;padding:1px 5px;border-radius:4px;white-space:nowrap;flex-shrink:0}.tag-v{background:#fdf0f0;color:#a32d2d;border:.5px solid #f5c4c4}.tag-p{background:#fef7ec;color:#854f0b;border:.5px solid #f5d893}.mini-btn{font-size:9px;padding:1px 5px;border-radius:4px;border:1px solid #d0d8d4;background:#fff;color:#7a8a86;cursor:pointer;flex-shrink:0;line-height:1.4}.mini-btn:hover{background:#f4f7f6}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px;margin-bottom:1.5rem}.month-day-header{font-size:11px;font-weight:600;color:#7a8a86;text-align:center;padding:4px 0;letter-spacing:.04em}.month-cell{background:#fff;border-radius:12px;padding:8px;min-height:80px;box-shadow:0 1px 2px rgba(0,0,0,.03),0 2px 6px rgba(0,0,0,.04)}.month-cell.off-day{background:#eef2f0;box-shadow:none}.month-cell.today{outline:2px solid #378add;outline-offset:-1px}.month-cell.empty{background:transparent;box-shadow:none}.month-day-num{font-size:12px;font-weight:500;color:#0f1514;margin-bottom:4px}.month-cell.off-day .month-day-num{color:#b8c8c2}.month-coverage{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;display:inline-block;margin-bottom:3px}.cov-full{background:#e4f2ea;color:#2d6d40}.cov-warn{background:#fef7ec;color:#854f0b}.cov-low{background:#fdf0f0;color:#a32d2d}.cov-none{background:#f0f4f2;color:#7a8a86}.month-vacant-badge{font-size:10px;color:#a32d2d}.tip{font-size:12px;color:#5f6e6a;background:#eef2f0;border-radius:9px;padding:8px 12px}.card,.tip{margin-bottom:1rem}.card{background:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 1px 2px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.06)}.card-title{font-size:15px;font-weight:600;color:#0f1514;margin-bottom:1rem;letter-spacing:-.01em}.card-title.danger{color:#a32d2d}.list-item{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eef2f0;gap:12px;flex-wrap:wrap}.list-item:last-child{border-bottom:none}.item-info{font-size:13px;color:#0f1514}.item-sub{font-size:11px;color:#7a8a86;margin-top:3px}.btn-group{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.btn{padding:6px 14px;border-radius:8px;font-size:12px;cursor:pointer;border:1px solid #d0d8d4;background:#fff;color:#4a5e59;font-family:inherit;transition:background .12s}.btn:hover{background:#f4f7f6}.btn-signal{background:#eef4fc;border-color:#b5d4f4;color:#185fa5}.btn-signal:hover{background:#ddeaf8}.btn-approve{background:#e4f2ea;border-color:#a8d9b8;color:#2d6d40}.btn-approve:hover{background:#d4eadc}.btn-deny{background:#fdf0f0;border-color:#f5c4c4;color:#a32d2d}.btn-deny:hover{background:#fae4e4}.btn-primary{padding:9px 20px;border-radius:9px;font-size:13px;cursor:pointer;border:none;background:#185fa5;color:#fff;font-weight:500;font-family:inherit;transition:background .12s}.btn-primary:hover{background:#0c447c}.btn-primary:disabled{background:#8fa8a2;cursor:default}.status-pill{font-size:11px;padding:3px 10px;border-radius:99px;font-weight:500;white-space:nowrap}.pill-pending{background:#fef7ec;color:#854f0b}.pill-approved{background:#e4f2ea;color:#2d6d40}.pill-denied{background:#fdf0f0;color:#a32d2d}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;color:#4a5e59;font-weight:500}.form-group input,.form-group select,.form-group textarea{padding:8px 10px;border:1px solid #cdd6d2;border-radius:9px;font-size:13px;color:#0f1514;background:#fff;font-family:inherit;transition:border-color .12s,box-shadow .12s}.form-group textarea{resize:vertical;min-height:80px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#378add;box-shadow:0 0 0 3px rgba(55,138,221,.1)}.alert{padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:1rem}.alert-success{background:#e4f2ea;color:#2d6d40;border:1px solid #a8d9b8}.alert-error{background:#fdf0f0;color:#a32d2d;border:1px solid #f5c4c4}.section-divider{font-size:11px;font-weight:600;color:#7a8a86;letter-spacing:.06em;text-transform:uppercase;margin:1.25rem 0 .75rem}.signal-box{background:#eef4fc;border:1px solid #b5d4f4;border-radius:12px;padding:1rem;margin-top:1rem;font-family:SF Mono,Menlo,monospace;font-size:12px;color:#0f1514;white-space:pre-wrap;line-height:1.6}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#c4d0ca}.login-card{background:#fff;border-radius:20px;padding:2.25rem;width:100%;max-width:380px;box-shadow:0 4px 6px rgba(0,0,0,.04),0 12px 40px rgba(0,0,0,.1)}.login-logo{font-size:18px;font-weight:700;color:#0f1514;margin-bottom:4px;letter-spacing:-.01em}.login-sub{font-size:13px;color:#7a8a86;margin-bottom:1.5rem}.dash-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.metrics-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:1.5rem}@media (max-width:1400px){.week-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1000px){.week-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#181f1e;border-top:1px solid rgba(255,255,255,.08);z-index:100;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1;padding:.5rem .25rem;color:rgba(255,255,255,.45);text-decoration:none;font-size:.62rem;gap:.2rem;min-width:0;transition:color .12s}.bottom-nav-item.active{color:#fff}.bottom-nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.bottom-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media (max-width:900px){.sidebar{display:none}.main{margin-left:0;padding:1rem 1rem 5.5rem}.metrics,.metrics-3,.week-grid{grid-template-columns:1fr 1fr}.bottom-nav{display:flex}}@media (max-width:640px){.dash-grid,.form-grid-2,.form-grid-3{grid-template-columns:1fr}.metrics-3{grid-template-columns:1fr 1fr}.card{padding:1rem}.page-title{font-size:19px}.btn,.nav-btn{min-height:38px;font-size:13px}.btn-primary,.save-btn{min-height:42px}.login-card{padding:1.5rem}}@media (max-width:600px){.form-grid,.week-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}}