:root{--navy:#181c25;--navy-2:#242730;--teal:#4fbeb8;--blue:#2f807c;--blue-d:#24635f;--blue-l:#e9f7f6;--bg:#f6f8f9;--bd:#e2e8f0;--tx:#181c25;--mu:#64748b;--red:#b91c1c;--red-l:#fef2f2;--amb:#b45309;--amb-l:#fef3c7;--grn:#166534;--grn-l:#dcfce7}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#fff;color:var(--tx);font-size:14px}.app{display:flex;min-height:100vh}.side{width:236px;flex:none;background:var(--navy);color:#fff;padding:20px 16px;display:flex;flex-direction:column;gap:6px}.logo{display:flex;align-items:center;gap:10px;margin-bottom:16px}.logo svg{width:40px;height:38px;flex:none}.logo b{display:block;font-family:Montserrat,Segoe UI,sans-serif;font-size:21px;letter-spacing:.3px;line-height:1}.logo span{display:block;font-size:10px;color:#a8b2c0;margin-top:3px}.avatar{width:42px;height:42px;border-radius:50%;background:var(--teal);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;margin-bottom:6px}.hi{font-size:13px;color:#a8b2c0}.hi-name{font-size:16px;font-weight:700}.role{font-size:12px;color:#a8b2c0;margin-bottom:12px;word-break:break-all}.side .item{font-size:13px;padding:8px 10px;border-radius:6px;background:transparent;border:0;color:#a8b2c0;font-weight:600;text-align:left;width:100%}.side .item:hover{background:var(--navy-2);color:#fff}.side .item.on{background:#4fbeb829;color:var(--teal)}.switch{border-bottom:1px solid #343b46;padding-bottom:14px;margin-bottom:12px}.switch label{color:#a8b2c0}.switch select{background:var(--navy-2);border-color:#343b46;color:#fff}.switch label,.lbl{display:block;font-size:11px;font-weight:600;margin-bottom:4px}.lbl{color:var(--mu)}.foot{font-size:12px;color:#a8b2c0;margin-top:auto;border-top:1px solid #343b46;padding-top:12px;line-height:1.6}.link{background:none;border:0;padding:0;color:var(--teal);font-size:12px;cursor:pointer;text-decoration:underline}.link:hover{background:none}h1,h2{font-family:Montserrat,Segoe UI,sans-serif}.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.cal .ch{font-size:12px;font-weight:600;color:var(--mu);text-align:center;padding:4px 0}.cc{display:block;min-height:96px;border:1px solid var(--bd);border-left:3px solid var(--bd);border-radius:8px;padding:6px 7px;font-size:12px;color:var(--tx);cursor:pointer;background:#fff;overflow:hidden}.cc:hover{box-shadow:0 0 0 2px #b5e3e0}.cc.out{opacity:.45}.cc.offd{background:var(--bg)}.cc.today{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue) inset}.cc.k-ok{border-left-color:#22a06b}.cc.k-short{border-left-color:#d97706}.cc.k-miss{border-left-color:#dc2626}.cc.k-info{border-left-color:var(--teal)}.cc .top{display:flex;justify-content:space-between;align-items:center;gap:4px}.cc .dnum{font-weight:700;font-size:13px}.cc .tot{font-weight:700}.cc .pen{font-size:11px;color:var(--blue)}.cc .chip{display:block;background:var(--blue-l);color:var(--blue-d);border-radius:4px;padding:1px 5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc .badge{margin-top:4px;font-size:11px;padding:1px 6px}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--mu);margin-top:10px}.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}.main{flex:1;min-width:0}.wrap{max-width:1040px;margin:0 auto;padding:20px 16px 60px}.imp{background:var(--amb-l);color:#7c2d12;border-bottom:1px solid #fcd34d;padding:10px 16px;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:13px;position:sticky;top:0;z-index:5}header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px}h1{font-size:20px;margin:0}h2{font-size:15px;margin:0}.range{color:var(--mu);font-size:13px;margin-top:2px}.nav{display:flex;gap:8px;flex-wrap:wrap}button{font:inherit;cursor:pointer;border-radius:6px;border:1px solid var(--bd);background:#fff;color:var(--tx);padding:7px 12px}button:hover{background:var(--bg)}button.primary{background:var(--blue);border-color:var(--blue);color:#fff}button.primary:hover{background:var(--blue-d)}button.danger{color:var(--red);border-color:#fecaca}button.danger:hover{background:var(--red-l)}button.sm{padding:4px 9px;font-size:12px}button.ghost{border-color:transparent;color:var(--mu);padding:4px 8px;font-size:12px}button.ghost:hover{color:var(--tx)}.seg{display:inline-flex;border:1px solid var(--bd);border-radius:6px;overflow:hidden}.seg button{border:0;border-radius:0;color:var(--mu)}.seg button.on{background:var(--blue-l);color:var(--blue-d);font-weight:600}.lock{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-radius:8px;padding:9px 12px;font-size:13px;margin-bottom:14px;border:1px solid}.lock.open{background:var(--grn-l);border-color:#bbf7d0;color:var(--grn)}.lock.closed{background:var(--bg);border-color:var(--bd);color:var(--mu)}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.stat{border:1px solid var(--bd);border-radius:8px;padding:12px 14px;background:var(--bg)}.stat span{display:block;color:var(--mu);font-size:12px;margin-bottom:4px}.stat b{font-size:22px}.stat small{color:var(--mu);font-size:12px;font-weight:400}.bar{height:6px;background:var(--bd);border-radius:3px;margin-top:8px;overflow:hidden}.bar i{display:block;height:100%;background:var(--blue);border-radius:3px}.bar i.over{background:var(--red)}.strip{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:14px}.strip a{border:1px solid var(--bd);border-radius:8px;padding:6px 4px;text-align:center;font-size:11px;color:var(--mu);text-decoration:none;display:block}.strip a b{display:block;font-size:13px;color:var(--tx)}.strip a.today{border-color:var(--blue)}.day{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:start;border:1px solid var(--bd);border-radius:8px;padding:12px;margin-bottom:10px;scroll-margin-top:60px}.day.today{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue) inset}.day.weekend{background:var(--bg)}.dn{font-weight:600}.dd{color:var(--mu);font-size:12px;margin-top:2px}.badge{display:inline-block;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600;white-space:nowrap}.badge.ok{background:var(--grn-l);color:var(--grn)}.badge.short{background:var(--amb-l);color:var(--amb)}.badge.miss{background:var(--red-l);color:var(--red)}.badge.off,.badge.fut{background:#eef2f7;color:var(--mu)}.badge.info{background:var(--blue-l);color:var(--blue-d)}.dt{margin-top:6px;font-size:13px;font-weight:700}.entry{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid #b5e3e0;background:var(--blue-l);border-left:3px solid var(--blue);border-radius:6px;padding:7px 10px;margin-bottom:6px}.entry .t{font-weight:600}.entry .p{font-size:12px;color:var(--blue-d);font-weight:600}.entry .n{font-size:12px;color:var(--mu);margin-top:1px}.entry .h{font-weight:700;font-size:15px;white-space:nowrap}.entry .ts{font-size:11px;color:var(--mu);font-weight:400}.rowacts{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.form{border:1px solid #b5e3e0;background:#fff;border-radius:8px;padding:10px;margin-top:6px}.fgrid{display:grid;grid-template-columns:1fr 1.3fr 1fr 90px;gap:8px}.fgrid .full{grid-column:1/-1}input,select{width:100%;font:inherit;padding:6px 8px;border:1px solid var(--bd);border-radius:6px;background:#fff;color:var(--tx)}input:focus,select:focus{outline:2px solid #b5e3e0;border-color:var(--blue)}.quick{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px;font-size:12px;color:var(--mu)}.err{color:var(--red);font-size:12px;min-height:16px;margin-top:6px}.acts{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.empty{color:var(--mu);font-size:13px;padding:6px 0}.panel{border:1px solid var(--bd);border-radius:8px;padding:14px;margin-bottom:16px}.phead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.tbl{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--mu);font-size:12px;font-weight:600;padding:8px;border-bottom:1px solid var(--bd);background:var(--bg);white-space:nowrap}td{padding:8px;border-bottom:1px solid var(--bd);vertical-align:middle}.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.muted{color:var(--mu)}tr.tot td{font-weight:700;border-bottom:0}td.offc,th.offc{background:var(--bg);color:var(--mu)}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.filters div{min-width:150px;flex:1;max-width:230px}.two{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.hb{display:grid;grid-template-columns:170px 1fr 70px;gap:10px;align-items:center;padding:5px 4px;border-radius:6px;font-size:13px}.hb:hover{background:var(--bg)}.hb .track{height:12px;position:relative}.hb .track i{display:block;height:100%;background:var(--blue);border-radius:0 4px 4px 0;min-width:2px}.hb .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vb{display:flex;align-items:flex-end;gap:10px;height:170px;border-bottom:1px solid var(--bd);padding:0 4px}.vb div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;font-size:11px;color:var(--mu)}.vb i{display:block;width:100%;max-width:34px;background:var(--blue);border-radius:4px 4px 0 0;margin-top:4px}.vb div:hover i{background:var(--blue-d)}.vbl{display:flex;gap:10px;padding:4px 4px 0;font-size:11px;color:var(--mu)}.vbl span{flex:1;text-align:center}.use{display:flex;align-items:center;gap:8px;min-width:150px}.use .bar{flex:1;margin:0}#toast{position:fixed;right:18px;bottom:18px;background:#0f172a;color:#fff;padding:10px 14px;border-radius:8px;font-size:13px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none;max-width:340px;z-index:10}#toast.on{opacity:1;transform:none}@media (max-width:860px){.app{flex-direction:column}.side{width:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px}.logo{margin-bottom:0;width:100%}.avatar{margin-bottom:0}.side .item{width:auto}.role,.foot{display:none}.switch{border-bottom:0;padding-bottom:0;margin-bottom:0;width:100%}.summary{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}}@media (max-width:640px){.day{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr 1fr}.entry{grid-template-columns:1fr auto}.entry .rowacts{grid-column:1/-1;justify-content:flex-end}.hb{grid-template-columns:110px 1fr 60px}.strip a span{display:none}.cal{gap:3px}.cc{min-height:64px;padding:4px}.cc .chip,.cc .badge,.cc .pen{display:none}.cc .top{flex-direction:column;align-items:flex-start}}.logo img{width:40px;height:38px;flex:none}button:disabled{opacity:.55;cursor:default}.cc{text-align:left;font:inherit;width:100%}.badge.draft{background:var(--amb-l);color:var(--amb)}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--mu)}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--navy);padding:16px}.login .box{background:#fff;border-radius:12px;padding:28px;width:100%;max-width:380px}.login h1{margin-bottom:6px}.login p{color:var(--mu);font-size:13px;margin:0 0 16px}.login button{width:100%;margin-top:12px}.loadbar{height:3px;background:linear-gradient(90deg,var(--teal),var(--blue));border-radius:2px;margin-bottom:11px;animation:pulse 1s ease-in-out infinite}.loadbar.idle{visibility:hidden;animation:none}@keyframes pulse{50%{opacity:.35}}.warn{background:var(--amb-l);color:#7c2d12;border:1px solid #fcd34d;border-radius:8px;padding:9px 12px;font-size:13px;margin-bottom:14px}.side .out{margin-top:8px;background:transparent;border-color:#343b46;color:#a8b2c0;font-size:12px}.side .out:hover{background:var(--navy-2);color:#fff}#toast.bad{background:var(--red)}@media (min-width:861px){.side{position:sticky;top:0;height:100vh;overflow-y:auto}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#181c258c;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;z-index:8;overflow:auto}.sheet{background:#fff;border-radius:12px;padding:14px;width:100%;max-width:860px;box-shadow:0 20px 50px #0000004d}.sheet .mh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sheet .day{margin:0;border:0;box-shadow:none;padding:4px;background:none}table.grid td.num,table.grid th.num{padding:3px}table.grid th:last-child,table.grid td:last-child{padding:8px}.cell{border:0;background:none;width:100%;min-height:28px;padding:4px 6px;text-align:right;border-radius:4px;font:inherit;color:inherit;font-variant-numeric:tabular-nums}th .cell{font-size:12px;font-weight:600;color:var(--mu)}td .cell:not(.has){color:#b6c2cf}.cell:hover{background:var(--blue-l);color:var(--blue-d)}.warn.bad{background:var(--red-l);color:var(--red);border-color:#fecaca}.modal.top{z-index:9;align-items:center}.sheet.confirm{max-width:420px;padding:20px}.sheet.confirm h2{font-size:17px;margin-bottom:12px}.sheet.confirm .entry{grid-template-columns:1fr auto;margin-bottom:10px}.sheet.confirm p{font-size:13px;color:var(--mu);margin:0 0 16px}button.dangerfill{background:#dc2626;border-color:#dc2626;color:#fff}button.dangerfill:hover{background:var(--red)}.combo{position:relative}.combo input{padding-right:24px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2364748b' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 8px center}.combo input:disabled{background-color:var(--bg)}.combo-list{position:absolute;z-index:6;left:0;top:100%;min-width:100%;width:max-content;max-width:min(460px,86vw);margin:4px 0 0;padding:4px;list-style:none;background:#fff;border:1px solid var(--bd);border-radius:8px;box-shadow:0 10px 30px #0000002e;max-height:264px;overflow:auto}.combo-list li{color:var(--tx);padding:6px 8px;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-size:13px}.combo-list li span{color:var(--mu);font-size:11px;white-space:nowrap}.combo-list li.hi{background:var(--blue-l)}.combo-list li.sel{font-weight:600;color:var(--blue-d)}.combo-list li.none{color:var(--mu);cursor:default}.chk{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--mu);cursor:pointer}.chk input{width:auto}.wrap.wide{max-width:1280px}.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:14px}.tile{text-align:left;cursor:pointer;font:inherit}.tile:hover{background:#fff;border-color:#b5e3e0}.tile.on{background:var(--blue-l);border-color:var(--blue);box-shadow:0 0 0 1px var(--blue) inset}.filters.wide div{max-width:none;flex:0 1 190px}.filters.wide div.grow{flex:1 1 260px}.weeksel{width:auto;min-width:230px;font-weight:600}th.dcol,td.dcol{text-align:center;padding:8px 3px;white-space:nowrap}.dc{display:inline-block;min-width:34px;padding:3px 4px;border-radius:5px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.dc.ok{background:var(--grn-l);color:var(--grn)}.dc.short{background:var(--amb-l);color:var(--amb)}.dc.miss{background:var(--red-l);color:var(--red)}.dc.na{background:#f1f5f9;color:var(--mu);min-height:22px;vertical-align:middle}@media (max-width:860px){.tiles{grid-template-columns:repeat(2,1fr)}}.login .mark{width:44px;height:42px;background:var(--navy);border-radius:10px;padding:8px;margin-bottom:12px;display:block}.msbtn{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #8c8c8c;border-radius:6px;padding:10px 12px;color:#2f2f2f;font-weight:600;text-decoration:none;background:#fff}.msbtn:hover{background:var(--bg)}.login .or{display:flex;align-items:center;gap:10px;color:var(--mu);font-size:12px;margin:18px 0 12px}.login .or:before,.login .or:after{content:"";flex:1;border-top:1px solid var(--bd)}.login .err{margin-top:12px;font-size:13px}