:root{--bg: #0a0e0b;--bg2: #0d130f;--panel: #0f1511;--border: #26332a;--border2: #35473a;--text: #c9d6c6;--dim: #758679;--accent: #5fd37a;--accent2: #e0b341;--danger: #ff6b6b;--sel: #14261a;--shadow: none;color-scheme:dark;--font: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--ui-zoom: 1;--header-bg: var(--bg2);--header-fg: var(--text)}[data-theme=light]{--bg: #f3efe3;--bg2: #ebe5d5;--panel: #fbf8ef;--border: #cfc4aa;--border2: #b7a987;--text: #2b2a22;--dim: #8a8170;--accent: #1f7a3d;--accent2: #9a6400;--danger: #bb3a2c;--sel: #e7eeda;color-scheme:light}[data-theme=outlook]{--bg: #f3f2f1;--bg2: #faf9f8;--panel: #ffffff;--border: #e1dfdd;--border2: #c8c6c4;--text: #201f1e;--dim: #605e5c;--accent: #0f6cbd;--accent2: #8a6116;--danger: #a4262c;--sel: #eff6fc;--shadow: 0 1.6px 3.6px rgba(0, 0, 0, .09);color-scheme:light;--font: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--header-bg: #0f6cbd;--header-fg: #ffffff}[data-theme=outlook] .pathbar{background:var(--header-bg);color:var(--header-fg);border-bottom-color:#0b5ca8}[data-theme=outlook] .pathbar .crumb,[data-theme=outlook] .pathbar .crumb b,[data-theme=outlook] .pathbar .kbd{color:var(--header-fg)}[data-theme=outlook] .pathbar .btn.ghost{color:var(--header-fg);border-color:#ffffff8c}[data-theme=outlook] .statusbar{background:var(--header-bg);color:var(--header-fg)}[data-theme=outlook] .statusbar .muted,[data-theme=outlook] .statusbar .hint{color:#fffc}[data-theme=outlook] .statusbar .btn.ghost{color:var(--header-fg)}[data-theme=outlook] .statusbar select{color:var(--text)}[data-theme=outlook] .rail{background:var(--bg2)}[data-theme=outlook] .panel{box-shadow:var(--shadow)}[data-theme=outlook] .panel-h{background:#faf9f8;color:#323130}[data-theme=outlook] .table th{background:#faf9f8}[data-theme=outlook] .tag,[data-theme=outlook] .kbd{border-radius:2px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;line-height:1.5}html{zoom:var(--ui-zoom, 1)}::selection{background:var(--accent);color:var(--bg)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{display:grid;grid-template-columns:190px 1fr;grid-template-rows:32px 1fr 26px;grid-template-areas:"path path" "rail main" "status status";height:100%}.pathbar{grid-area:path;display:flex;align-items:center;gap:10px;padding:0 10px;background:var(--bg2);border-bottom:1px solid var(--border);white-space:nowrap;overflow:hidden}.pathbar .crumb{color:var(--dim)}.pathbar .crumb b{color:var(--text);font-weight:600}.pathbar .spacer{flex:1}.rail{grid-area:rail;background:var(--bg2);border-right:1px solid var(--border);padding:8px 0;overflow-y:auto}.rail .rail-group{color:var(--dim);padding:8px 10px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.rail a{display:flex;gap:8px;padding:4px 10px;color:var(--text);border-left:2px solid transparent}.rail a:hover{background:var(--sel);text-decoration:none}.rail a.active{background:var(--sel);border-left-color:var(--accent);color:var(--accent)}.rail a .idx{color:var(--dim)}.rail a.active .idx{color:var(--accent)}.main{grid-area:main;overflow-y:auto;padding:14px}.statusbar{grid-area:status;display:flex;align-items:center;gap:14px;padding:0 10px;background:var(--bg2);border-top:1px solid var(--border);color:var(--dim);font-size:11px}.statusbar .spacer{flex:1}.statusbar .dot{color:var(--accent)}.panel{border:1px solid var(--border);background:var(--panel);margin-bottom:12px}.panel-h{display:flex;align-items:center;gap:8px;padding:5px 9px;border-bottom:1px solid var(--border);background:var(--bg2);color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.panel-h b{color:var(--text);font-weight:600}.panel-h .spacer{flex:1}.panel-b{padding:10px}.panel-b.flush{padding:0}.grid{display:grid;gap:12px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.btn{font:inherit;cursor:pointer;background:transparent;color:var(--text);border:1px solid var(--border2);padding:2px 8px;white-space:nowrap}.btn:hover:not(:disabled){background:var(--text);color:var(--bg)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{border-color:var(--accent);color:var(--accent)}.btn.primary:hover:not(:disabled){background:var(--accent);color:var(--bg)}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn.danger:hover:not(:disabled){background:var(--danger);color:var(--bg)}.btn.ghost{border-color:transparent;color:var(--dim)}.btn.ghost:hover:not(:disabled){background:transparent;color:var(--text)}.btn.sm{padding:0 6px;font-size:12px}.input,.select,.textarea{font:inherit;width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border2);padding:4px 7px}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent)}.textarea{resize:vertical;min-height:64px}.select{cursor:pointer}.statusbar .select{width:auto;padding:0 4px;font-size:11px;background:transparent;border-color:var(--border)}.statusbar .btn.ghost{padding:0 6px}.field{display:block;margin-bottom:10px}.field>span{display:block;color:var(--dim);margin-bottom:3px;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline>.input,.inline>.select{width:auto;flex:1;min-width:120px}.prompt{color:var(--accent);margin-right:6px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:5px 9px;border-bottom:1px solid var(--border);vertical-align:top}.table th{color:var(--dim);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.table tbody tr:hover{background:var(--sel)}.table tr.clickable{cursor:pointer}.row-actions{display:flex;gap:6px;justify-content:flex-end}.tag{display:inline-block;border:1px solid var(--border2);color:var(--dim);padding:0 5px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.tag.ok{color:var(--accent);border-color:var(--accent)}.tag.warn{color:var(--accent2);border-color:var(--accent2)}.tag.bad{color:var(--danger);border-color:var(--danger)}.muted{color:var(--dim)}.mono{font-variant-numeric:tabular-nums}.empty{padding:22px 10px;text-align:center;color:var(--dim)}.err{border:1px solid var(--danger);color:var(--danger);padding:6px 9px;margin-bottom:10px}.kbd{border:1px solid var(--border2);border-bottom-width:2px;padding:0 4px;font-size:11px;color:var(--dim)}.hint{color:var(--dim);font-size:11px}.caret:after{content:"█";color:var(--accent);animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:50}.modal{width:min(460px,92vw);border:1px solid var(--border2);background:var(--panel)}.modal .panel-b{max-height:70vh;overflow-y:auto}.palette{width:min(540px,92vw);border:1px solid var(--border2);background:var(--panel)}.palette .input{border:0;border-bottom:1px solid var(--border);padding:9px 10px;font-size:14px}.palette .list{max-height:46vh;overflow-y:auto}.palette .item{padding:6px 10px;cursor:pointer;display:flex;gap:10px}.palette .item .path{color:var(--dim);margin-left:auto}.palette .item.on{background:var(--sel);color:var(--accent)}.board{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:8px}.col{border:1px solid var(--border);background:var(--panel);min-height:90px}.col-h{padding:4px 8px;border-bottom:1px solid var(--border);background:var(--bg2);color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:.05em;display:flex;justify-content:space-between}.card{margin:6px;padding:6px 7px;border:1px solid var(--border2);background:var(--bg2);cursor:pointer}.card:hover{border-color:var(--accent)}.card .t{color:var(--text)}.stack{display:flex;flex-direction:column;gap:8px}.msg{border:1px solid var(--border);background:var(--panel);padding:7px 9px}.msg .meta{color:var(--dim);font-size:11px;margin-bottom:3px}.bar{height:6px;border:1px solid var(--border2);margin-top:5px}.bar>i{display:block;height:100%;background:var(--accent)}@media(max-width:820px){.shell{grid-template-columns:1fr;grid-template-rows:32px auto 1fr 26px;grid-template-areas:"path" "rail" "main" "status"}.rail{display:flex;gap:2px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--border);padding:4px}.rail .rail-group{display:none}.rail a{border-left:0;border-bottom:2px solid transparent;white-space:nowrap}.rail a.active{border-left-color:transparent;border-bottom-color:var(--accent)}.board{grid-template-columns:repeat(2,minmax(130px,1fr))}.cols-2,.cols-3,.cols-4{grid-template-columns:minmax(0,1fr)}}.spacer{flex:1}.deliv{border:1px solid var(--border);background:var(--panel);margin-bottom:12px}.deliv-head{display:flex;align-items:center;gap:8px;padding:5px 9px;background:var(--bg2);border-bottom:1px solid var(--border)}.deliv-idx{border:1px solid var(--border2);color:var(--dim);font-size:11px;font-weight:600;padding:0 5px}.deliv-title{color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deliv-bar{height:3px;background:var(--bg2)}.deliv-bar>i{display:block;height:100%;background:var(--accent)}.deliv-body{padding:8px 9px}.deliv-desc{color:var(--dim);margin-bottom:6px}.deliv-foot{margin:8px 0 0 12px;padding-top:8px;border-top:1px dashed var(--border2);display:flex;flex-direction:column;gap:6px}.tasks{position:relative;margin:4px 0 0 12px;border-left:1px solid var(--border2)}.tasks:before{content:"";position:absolute;left:-1px;top:-7px;height:7px;border-left:1px solid var(--border2)}.task{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:4px;padding:3px 2px 3px 6px}.task+.task{border-top:1px dashed var(--border2)}.task:hover{background:var(--sel)}.task .guide{color:var(--accent);font-size:12px}.task-main{display:flex;align-items:center;gap:6px;min-width:0}.task-main .select{padding:0 4px;width:auto;font-size:11px}.task-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-title.done{color:var(--dim);text-decoration:line-through}.task-empty{padding:3px 6px;color:var(--dim)}.stat{border:1px solid var(--border);background:var(--panel);padding:7px 10px}.stat-l{display:block;color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.stat-v{display:block;margin-top:2px;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.stat-v.ok{color:var(--accent)}.stat-v.warn{color:var(--accent2)}.stat-v.bad{color:var(--danger)}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-bottom:10px}.toolbar .group{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.search{flex:1;min-width:200px}.search .input{width:100%}.drawer-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:60}.drawer{width:min(580px,96vw);height:100%;background:var(--panel);border-left:1px solid var(--border2);display:flex;flex-direction:column}.drawer-b{flex:1;overflow-y:auto;padding:12px}.drawer-f{border-top:1px solid var(--border);padding:9px 12px;display:flex;gap:8px;justify-content:flex-end;background:var(--bg2)}.meta-grid{display:grid;grid-template-columns:110px 1fr;gap:4px 10px;font-size:12px}.meta-grid dt{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.msg.on{border-left:2px solid var(--accent);background:var(--bg2)}@media(max-width:820px){.main{padding:10px}.panel-b{overflow-x:auto}.pathbar .crumb{overflow:hidden;text-overflow:ellipsis;min-width:0}.rail{padding-right:18px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 18px),transparent)}.deliv-head{flex-wrap:wrap}.deliv-foot{margin-left:0}.meta-grid{grid-template-columns:1fr;gap:2px}.meta-grid dt{margin-top:6px}.drawer{width:min(580px,100vw)}.board{overflow-x:auto}}@media(max-width:560px){.main{padding:8px}.panel-b{overflow-x:auto}.table{min-width:520px}.pathbar{gap:6px;padding:0 8px;font-size:12px}.pathbar .btn .kbd{display:none}.pathbar .btn .lbl{display:inline}.statusbar{gap:8px;padding:0 10px;overflow-x:auto;scrollbar-width:none}.statusbar .who,.statusbar .btn .lbl{display:none}.statusbar>*{flex:0 0 auto}.board{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:thin;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent)}.col{min-width:72vw;scroll-snap-align:start}.tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-right:16px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 16px),transparent)}.tabs>*{flex:0 0 auto}.toolbar{flex-wrap:wrap;gap:6px}.toolbar .group{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;min-width:0}.toolbar .group>*{flex:0 0 auto}.toolbar .group:has(>.search){flex:1 1 100%}.toolbar .search{flex:1 1 auto;min-width:0}.toolbar .search .input{min-width:0}.toolbar .group:not(:has(>.search)){padding-right:14px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 14px),transparent)}.toolbar .hint{display:none}.toolbar .select{max-width:46vw}.btn.sm{padding:3px 8px}.rail a{padding:7px 10px}.overlay{padding-top:5vh}.modal,.palette{width:96vw}.drawer{width:100vw}.drawer-f{flex-wrap:wrap}}