:root{--bg: #f2f4f7;--panel: #ffffff;--ink: #1f2a37;--muted: #6b7785;--line: #d9dee5;--line-soft: #eaeef3;--accent: #2f6fb0;--weekend: #eef1f4;--group: #3a4452;--row-alt: #fafbfc;--st-provisional: #f4b740;--st-confirmed: #34a853;--st-in_progress: #2f7fd1;--st-done: #8a97a6;--row-h: 44px;--header-h: 54px;--group-h: 26px;--left-w: 150px}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font:13px/1.4 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}.loading{display:grid;place-items:center;height:100%;color:var(--muted);font-size:15px}.app{display:flex;flex-direction:column;height:100%}.btn{appearance:none;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:7px;padding:5px 10px;font-size:12px;cursor:pointer;line-height:1.3}.btn:hover{background:#f4f6f9}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.06)}.btn.danger{color:#c0392b;border-color:#e6b7b1}.btn.danger:hover{background:#fdecea}.btn.sm{padding:3px 8px;font-size:11px}.btn.icon{padding:2px 6px;line-height:1}.btn.seg{border-radius:0;border-left-width:0}.btn.seg:first-child{border-left-width:1px;border-radius:7px 0 0 7px}.btn.seg:last-child{border-radius:0 7px 7px 0}.btn.seg.active{background:var(--accent);border-color:var(--accent);color:#fff}.toolbar{display:flex;align-items:center;gap:18px;padding:8px 14px;background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0}.brand{display:flex;align-items:center;gap:9px}.logo{font-size:22px}.brand-title{font-weight:700;font-size:15px}.brand-sub{font-size:11px;color:var(--muted)}.tb-nav{display:flex;align-items:center;gap:6px}.tb-range{font-weight:600;min-width:150px;text-align:center}.tb-date{border:1px solid var(--line);border-radius:7px;padding:4px 6px;font-size:12px}.tb-views{display:flex}.tb-right{margin-left:auto;display:flex;align-items:center;gap:12px}.sync{font-size:11px;color:var(--muted)}.sync.synced{color:var(--st-confirmed)}.sync.error{color:#c0392b}.sync-msg{font-size:11px;color:var(--st-confirmed);font-weight:600}.login-wrap{display:grid;place-items:center;height:100%;background:var(--bg)}.login-card{width:340px;max-width:92vw;background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px 24px;box-shadow:0 10px 40px #0000001f;display:flex;flex-direction:column;gap:14px}.login-brand{display:flex;align-items:center;gap:10px}.login-note{margin:0;color:var(--muted);font-size:13px}.login-card label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--muted)}.login-card input{border:1px solid var(--line);border-radius:8px;padding:9px 10px;font-size:14px;font-weight:400;color:var(--ink)}.login-error{background:#fdecea;color:#c0392b;border-radius:7px;padding:7px 10px;font-size:12px}.login-btn{margin-top:4px;padding:10px;font-size:14px}.board{flex:1;display:flex;overflow:auto;min-height:0;position:relative;background:var(--panel)}.board.dragging .block,.board.dragging .leave,.board.dragging .jobcard{pointer-events:none}.left-col{position:sticky;left:0;z-index:4;flex-shrink:0;background:var(--panel);border-right:2px solid var(--line)}.corner{position:sticky;top:0;z-index:6;display:flex;align-items:flex-end;padding:6px 10px;font-weight:700;color:var(--muted);background:var(--panel);border-bottom:1px solid var(--line)}.group-head{display:flex;align-items:center;padding:0 10px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--group)}.row-head{display:flex;align-items:center;padding:0 10px;font-weight:600;border-bottom:1px solid var(--line-soft);background:var(--panel)}.row-head.empty{color:var(--muted);font-weight:400}.grid-scroll,.grid-inner{position:relative}.col-headers{position:sticky;top:0;z-index:2;background:var(--panel);border-bottom:1px solid var(--line)}.col-head{position:absolute;top:0;bottom:0;border-left:1px solid var(--line-soft);display:flex;flex-direction:column;justify-content:center;padding:4px 0 2px;text-align:center;font-size:11px}.col-head.weekend{background:var(--weekend);color:var(--muted)}.col-head.today{background:#eaf3fb}.ch-wd{color:var(--muted);font-size:10px}.ch-dom{font-weight:700;font-size:13px}.ch-mon{font-weight:500;color:var(--muted);font-size:10px}.ch-halves{display:flex;font-size:8px;color:#b3bcc6;margin-top:1px}.ch-halves span{flex:1}.group-band{background:var(--group);opacity:.92}.grid-row{position:relative;border-bottom:1px solid var(--line-soft)}.grid-row.empty{background:var(--row-alt)}.cell{position:absolute;top:0;bottom:0;border-left:1px solid var(--line-soft)}.cell[data-half=PM]{border-left:1px dotted #e3e8ee}.cell.weekend{background:var(--weekend)}.today-line{position:absolute;top:0;bottom:0;width:2px;background:#e8623a;z-index:1;pointer-events:none}.today-line.tall{bottom:0}.leave{position:absolute;top:2px;bottom:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#8a6d1f;background:repeating-linear-gradient(45deg,#f7e9c6,#f7e9c6 6px,#f1dca6 6px 12px);z-index:0}.leave.bank{color:#5a6b7a;background:repeating-linear-gradient(45deg,#e7edf2,#e7edf2 6px,#dbe3ea 6px 12px)}.block{position:absolute;border-radius:5px;color:#fff;overflow:hidden;cursor:grab;box-shadow:0 1px 2px #0000002e;z-index:1;user-select:none}.block:active{cursor:grabbing}.block.status-provisional{background:var(--st-provisional);color:#5a4410;border:1px dashed #c9962a}.block.status-confirmed{background:var(--st-confirmed)}.block.status-in_progress{background:var(--st-in_progress)}.block.status-done{background:var(--st-done)}.block.preview{opacity:.62;outline:2px solid #fff;z-index:5}.block.preview.invalid{opacity:.3}.block-label{padding:3px 7px;font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.block-label b{display:block;overflow:hidden;text-overflow:ellipsis}.block-stage{font-weight:700;opacity:.85;margin-right:3px}.block-sub{display:block;font-size:10px;opacity:.85;overflow:hidden;text-overflow:ellipsis}.handle{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:2}.handle-l{left:0}.handle-r{right:0}.handle:hover{background:#ffffff59}.block-del{position:absolute;top:2px;right:3px;z-index:3;width:16px;height:16px;padding:0;display:none;align-items:center;justify-content:center;border:none;border-radius:50%;background:#00000047;color:#fff;font-size:13px;line-height:1;cursor:pointer}.block:hover .block-del{display:flex}.block-del:hover{background:#c0392b}.block.status-provisional .block-del{background:#5a44104d;color:#5a4410}.block.status-provisional .block-del:hover{background:#c0392b;color:#fff}.joblist{flex-shrink:0;border-top:2px solid var(--line);background:var(--panel);max-height:38vh;display:flex;flex-direction:column}.joblist-head{display:flex;align-items:center;gap:10px;padding:7px 14px;border-bottom:1px solid var(--line-soft)}.jl-title{font-weight:700}.jl-count{background:var(--accent);color:#fff;border-radius:10px;padding:0 7px;font-size:11px;font-weight:700}.jl-hint{color:var(--muted);font-size:11px}.joblist-head .btn{margin-left:auto}.joblist-strip{display:flex;gap:10px;padding:12px 14px;overflow-x:auto}.jl-empty{color:var(--muted);padding:8px 0}.jobcard{flex:0 0 210px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;padding:8px 10px;background:#fff;cursor:grab;user-select:none;box-shadow:0 1px 2px #0000000d}.jobcard:hover{border-color:var(--accent)}.jobcard:active{cursor:grabbing}.jobcard.src-ontrack{border-left-color:#6b46c1}.jc-top{display:flex;align-items:center;gap:6px;margin-bottom:3px}.jc-ref{font-weight:700;color:var(--muted);font-size:11px}.jc-badge{background:#efe7fb;color:#6b46c1;font-size:9px;font-weight:700;padding:1px 5px;border-radius:8px}.jc-due{margin-left:auto;font-size:10px;color:var(--muted)}.jc-due.overdue{color:#c0392b;font-weight:700}.jc-cust{font-weight:700}.jc-name{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jc-foot{display:flex;align-items:center;gap:8px;margin-top:6px}.jc-bar{flex:1;height:5px;background:var(--line-soft);border-radius:3px;overflow:hidden}.jc-bar-fill{height:100%;background:var(--st-confirmed)}.jc-rem{font-size:10px;color:var(--muted);white-space:nowrap}.drag-ghost{position:fixed;z-index:100;pointer-events:none;background:var(--ink);color:#fff;padding:4px 9px;border-radius:6px;font-size:11px;box-shadow:0 4px 12px #00000040;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drag-ghost.over{background:var(--accent)}.modal-backdrop{position:fixed;inset:0;background:#141c266b;display:grid;place-items:center;z-index:50}.modal{background:#fff;border-radius:12px;width:460px;max-width:94vw;max-height:90vh;overflow:auto;box-shadow:0 16px 50px #0000004d}.modal.wide{width:780px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line-soft)}.modal-head h2{margin:0;font-size:16px}.modal-body{padding:16px 18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label,.lv-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}.form-grid .span2{grid-column:1 / -1}.form-grid input,.form-grid select,.lv-form input,.lv-form select,.rm-res input,.rm-res select,.rm-add input,.rm-add select,.rm-group-name{border:1px solid var(--line);border-radius:7px;padding:6px 8px;font-size:13px;font-weight:400;color:var(--ink)}.form-grid small{font-weight:400;color:var(--muted)}.form-note{color:var(--muted);font-size:12px;margin:12px 0 0}.modal-actions{display:flex;align-items:center;gap:8px;margin-top:18px}.modal-actions .spacer{flex:1}.be-head{font-size:14px;margin-bottom:14px}.be-sub{font-size:12px;color:var(--muted);margin-top:2px}.rm-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}.rm-cols section h3{margin:0 0 10px;font-size:13px}.rm-group{margin-bottom:12px}.rm-group-head{display:flex;gap:6px;margin-bottom:6px}.rm-group-name{flex:1;font-weight:700}.rm-res{display:flex;gap:5px;margin-bottom:5px;align-items:center}.rm-res input{flex:1}.rm-add{display:flex;gap:6px;margin-top:8px}.rm-add input{flex:1}.lv-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.lv-form button{grid-column:1 / -1}.lv-list{max-height:220px;overflow:auto}.lv-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--line-soft);font-size:12px}.lv-tag{font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px;background:#f7e9c6;color:#8a6d1f}.lv-tag.bank{background:#e7edf2;color:#5a6b7a}.lv-who{font-weight:700}.lv-dates{color:var(--muted)}.lv-label{flex:1;color:var(--muted)}