:root{--paper: #F2F4F7;--card: #FFFFFF;--ink: #16233B;--ink-2: #5A6B85;--line: #DDE3EC;--offday: #EAEEF4;--today: #FF5C38;--radius: 10px;--day-w: 38px;--row-h: 58px}*{box-sizing:border-box;margin:0}body{font-family:Inter,system-ui,sans-serif;background:var(--paper);color:var(--ink);padding:24px clamp(14px,3vw,40px) 60px}h1,h2{font-family:Space Grotesk,sans-serif;letter-spacing:-.02em}h2{font-size:1.05rem;margin-bottom:14px;display:flex;align-items:center;gap:8px}h2 .count{font-family:IBM Plex Mono,monospace;font-size:.75rem;font-weight:400;color:var(--ink-2);border:1px solid var(--line);border-radius:99px;padding:1px 8px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px}.proj-name{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(1.2rem,2.5vw,1.6rem);letter-spacing:-.02em;border:1px solid transparent;border-radius:7px;padding:4px 8px;background:transparent;color:var(--ink);min-width:0;flex:1 1 240px}.proj-name:hover,.proj-name:focus{border-color:var(--line);background:var(--card)}.file-tag{font-family:IBM Plex Mono,monospace;font-size:.72rem;color:var(--ink-2);display:flex;align-items:center;gap:6px}.file-tag .dirty{color:var(--today);font-style:normal;font-size:1rem;line-height:0}.btn{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--ink);padding:8px 14px;font-weight:600;font-size:.85rem}.btn:hover{border-color:var(--ink)}.btn.solid{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.solid:hover{background:#25395e}.layout{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start}@media (max-width: 900px){.layout{grid-template-columns:1fr}}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}label{display:block;font-size:.78rem;font-weight:600;color:var(--ink-2);margin:10px 0 4px}input[type=text],input[type=date],select{width:100%;padding:8px 10px;font:inherit;font-size:.9rem;border:1px solid var(--line);border-radius:7px;background:#fbfcfe;color:var(--ink)}input[type=color]{width:46px;height:34px;padding:2px;border:1px solid var(--line);border-radius:7px;background:#fbfcfe;cursor:pointer}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--today);outline-offset:1px}.btn-primary{margin-top:14px;width:100%;padding:9px;background:var(--ink);color:#fff;font-weight:600;font-size:.9rem;border:none;border-radius:7px;cursor:pointer}.btn-primary:hover{background:#25395e}.error{color:var(--today);font-size:.8rem;margin-top:8px}.hint{color:var(--ink-2);font-size:.75rem;margin-top:6px}.user-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line)}.user-row:last-child{border-bottom:none}.dot{width:12px;height:12px;border-radius:50%;flex:none}.user-name{font-weight:600;font-size:.9rem}.user-role{font-family:IBM Plex Mono,monospace;font-size:.7rem;color:var(--ink-2);background:var(--paper);padding:2px 7px;border-radius:5px}.del{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--ink-2);font-size:1rem;padding:2px 6px}.del:hover{color:var(--today)}.member{padding:8px 0;border-bottom:1px dashed var(--line)}.member:last-child{border-bottom:none}.member .user-row{padding:0;border:none}.holidays-mini{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 0 22px}.hol-chip{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff6e9;border:1px solid #F2D9A8;border-radius:99px;padding:2px 4px 2px 8px}.hol-chip:hover{border-color:#e0a23c}.hol-chip.editing{border-color:var(--today);box-shadow:0 0 0 1px var(--today)}.hol-chip .hx{font-style:normal;color:var(--ink-2);padding:0 4px;border-radius:99px}.hol-chip .hx:hover{color:var(--today)}.add-hol{font:inherit;font-size:.72rem;cursor:pointer;color:var(--ink-2);background:none;border:1px dashed var(--line);border-radius:99px;padding:2px 9px}.add-hol:hover{border-color:var(--ink);color:var(--ink)}.vac-group{margin-bottom:12px}.vac-group-head{display:flex;align-items:center;gap:7px;font-weight:600;font-size:.85rem;margin-bottom:4px}.vac-total{margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:.7rem;color:var(--ink-2)}.vac-row{display:flex;align-items:center;gap:8px;font-size:.8rem;cursor:pointer;padding:4px 6px;border-radius:6px;margin-left:22px}.vac-row:hover{background:var(--paper)}.vac-row.editing{background:#fff6e9;box-shadow:inset 0 0 0 1px var(--today)}.vac-row .vac-len{margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:.7rem;color:var(--ink-2)}.vac-row .del{margin-left:0}.assignees{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:99px;padding:4px 10px;font-size:.8rem;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fbfcfe}.chip input{accent-color:var(--ink)}.chip.on{border-color:var(--ink);background:var(--ink);color:#fff}.gantt-panel{padding:0;overflow:hidden}.gantt-head{padding:18px 18px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.gantt-head h2{margin-bottom:0}.btn:disabled{opacity:.5;cursor:wait}.gantt-scroll{max-height:72vh;overflow:auto;padding-bottom:6px;cursor:grab}.gantt-scroll.panning,.gantt-scroll.panning *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.gantt{position:relative;min-width:max-content;font-size:.8rem}.g-row{display:flex;height:var(--row-h);position:relative}.g-label{position:sticky;left:0;z-index:3;width:210px;flex:none;background:var(--card);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 10px;display:flex;flex-direction:column;justify-content:center;gap:2px}.g-label .t-name{font-weight:600;font-size:.82rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.g-label .t-who{display:flex;gap:4px;align-items:center}.g-label .t-who .dot{width:9px;height:9px}.g-track{position:relative;flex:none;border-bottom:1px solid var(--line)}.g-cell{position:absolute;top:0;bottom:0;width:var(--day-w);border-right:1px solid var(--line)}.g-cell.off{background:var(--offday)}.g-row.head{height:auto;position:sticky;top:0;z-index:5;background:var(--card)}.g-row.head .g-label{border-bottom:2px solid var(--ink);z-index:6}.head-track{height:44px;border-bottom:2px solid var(--ink);position:relative;flex:none;background:var(--card)}.month-cell{position:absolute;top:0;bottom:0;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:.75rem;padding:4px 8px;border-right:1px solid var(--line);overflow:hidden;white-space:nowrap}.day-cell{position:absolute;bottom:0;width:var(--day-w);text-align:center;font-family:IBM Plex Mono,monospace;font-size:.68rem;color:var(--ink-2);padding:3px 0}.day-cell.today{color:var(--today);font-weight:600}.bar{position:absolute;top:calc((var(--row-h) - 26px) / 2);height:26px;border-radius:6px;z-index:2;overflow:hidden;display:flex;align-items:center;padding:0 8px;color:#fff;font-weight:600;font-size:.72rem;white-space:nowrap;text-overflow:ellipsis;box-shadow:0 1px 2px #16233b40;transition:transform .12s ease}.bar:hover{transform:translateY(-1px)}.bar{cursor:pointer}.bar.editing{outline:2px solid var(--today);outline-offset:2px}.g-label.clickable{cursor:pointer}.g-label.clickable:hover .t-name{color:#2d6cdf}.form-actions{display:flex;gap:8px;align-items:stretch}.form-actions .btn-primary{flex:1}.form-actions .btn.cancel{margin-top:14px}input[type=range]{width:100%;accent-color:var(--ink)}.bar .extra{margin-left:6px;opacity:.85;font-weight:400}.bar .progress{position:absolute;inset:0 auto 0 0;background:#00000038;pointer-events:none}.bar span{position:relative}.bar-tag{position:absolute;top:0;bottom:0;z-index:2;display:flex;align-items:center;gap:6px;font-weight:600;font-size:.72rem;color:var(--ink);white-space:nowrap;pointer-events:none;text-shadow:0 0 3px var(--card)}.bar-tag .extra{color:var(--ink-2);font-weight:400}.holiday-mark,.overload-mark{position:absolute;z-index:2;pointer-events:none;border-radius:5px;top:calc((var(--row-h) - 26px) / 2);height:26px}.holiday-mark{background:repeating-linear-gradient(45deg,#ff5c38d9 0,#ff5c38d9 4px,#ffffff8c 4px,#ffffff8c 8px);box-shadow:inset 0 0 0 1px #ff5c38e6}.overload-mark{background:repeating-linear-gradient(-45deg,#8a3ffcd9 0,#8a3ffcd9 4px,#ffffff8c 4px,#ffffff8c 8px);box-shadow:inset 0 0 0 1px #8a3ffce6}.legends{display:inline-flex;align-items:center;gap:14px;margin-right:auto;margin-left:4px}.legend{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--ink-2)}.legend-swatch{width:22px;height:13px;border-radius:3px;display:inline-block;background:repeating-linear-gradient(45deg,#ff5c38d9 0,#ff5c38d9 4px,#ffffff8c 4px,#ffffff8c 8px);box-shadow:inset 0 0 0 1px #ff5c38e6}.legend-swatch.overload{background:repeating-linear-gradient(-45deg,#8a3ffcd9 0,#8a3ffcd9 4px,#ffffff8c 4px,#ffffff8c 8px);box-shadow:inset 0 0 0 1px #8a3ffce6}.today-line{position:absolute;top:0;bottom:0;width:2px;background:var(--today);z-index:4;pointer-events:none}.today-line:before{content:"today";position:absolute;top:2px;left:4px;font-family:IBM Plex Mono,monospace;font-size:.6rem;color:var(--today)}.empty{padding:40px 20px;text-align:center;color:var(--ink-2);font-size:.9rem;line-height:1.6}@media (prefers-reduced-motion: reduce){*{transition:none!important}}