:root{--bg:#f4f5f7;--surface:#fff;--border:#d8dbe0;--border-strong:#b6bcc5;--text:#1c2024;--text-muted:#5b636e;--accent:#1f5fa9;--accent-weak:#e8eff8;--danger:#b3261e;--danger-weak:#fdeceb;--ok:#1f7a3d;--ok-weak:#e8f4ec;--radius:4px;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Yu Gothic UI,sans-serif;font-size:14px;line-height:1.6}h1,h2,h3{margin:0;font-weight:600}h1{font-size:16px}h2{font-size:15px}h3{font-size:13px}button{font:inherit;color:inherit}.button{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;padding:6px 14px}.button:hover:not(:disabled){background:#eef0f3}.button:disabled{opacity:.5;cursor:default}.button--primary{border-color:var(--accent);background:var(--accent);color:#fff}.button--primary:hover:not(:disabled){background:#184b86}.button--small{padding:3px 9px;font-size:12px}.input,.select,.textarea{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);width:100%;font:inherit;color:inherit;padding:6px 8px}.textarea{resize:vertical;min-height:110px}.field{margin-bottom:12px;display:block}.field__label{color:var(--text-muted);margin-bottom:4px;font-size:12px;display:block}.notice{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--accent-weak);padding:8px 12px;font-size:12px}.notice--error{border-left-color:var(--danger);background:var(--danger-weak)}.notice--ok{border-left-color:var(--ok);background:var(--ok-weak)}.muted{color:var(--text-muted)}.mono{font-family:var(--mono);font-size:12px}.tag{border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;background:#f7f8fa;border-radius:10px;margin:0 4px 2px 0;padding:0 6px;font-size:11px;display:inline-block}.badge{border-radius:3px;padding:0 6px;font-size:11px;display:inline-block}.badge--open{background:var(--danger-weak);color:var(--danger)}.badge--done{background:var(--ok-weak);color:var(--ok)}.login{place-items:center;min-height:100%;padding:24px;display:grid}.login__card{border:1px solid var(--border);background:var(--surface);border-radius:6px;width:100%;max-width:380px;padding:28px}.login__title{margin-bottom:4px;font-size:18px}.login__sub{color:var(--text-muted);margin:0 0 20px;font-size:12px}.login__error{margin-bottom:12px}.login__foot{color:var(--text-muted);margin:16px 0 0;font-size:11px}.shell{flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 16px;display:flex}.topbar__title{margin-right:8px}.topbar__spacer{flex:1}.tabs{gap:4px;display:flex}.tab{border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #0000;padding:5px 12px}.tab--active{border-color:var(--border);background:var(--accent-weak);color:var(--accent);font-weight:600}.workspace{flex:1;grid-template-columns:320px 1fr;min-height:0;display:grid}.pane{min-height:0;padding:12px 16px;overflow-y:auto}.pane--list{border-right:1px solid var(--border);background:var(--surface)}.pane--full{grid-column:1/-1}.toolbar{align-items:center;gap:8px;margin-bottom:10px;display:flex}.section-title{background:var(--surface);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;padding:6px 0 4px;font-size:11px;position:sticky;top:0}.stage-item{border-radius:var(--radius);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;width:100%;padding:6px 8px;display:block}.stage-item:hover{background:#f0f2f5}.stage-item--active{border-color:var(--accent);background:var(--accent-weak)}.stage-item__title{font-weight:600}.stage-item__meta{color:var(--text-muted);font-size:11px}.detail__head{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.meta-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 16px;margin-bottom:14px;font-size:12px;display:grid}.meta-grid__key{color:var(--text-muted)}.table{border-collapse:collapse;background:var(--surface);width:100%}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:6px 8px}.table th{z-index:1;color:var(--text-muted);background:#eceef1;font-size:11px;font-weight:600;position:sticky;top:0}.table tr:hover td{background:#f7f8fa}.thumb{border:1px solid var(--border);object-fit:cover;background:#fff;border-radius:3px;width:48px;height:48px}.thumb--empty{color:var(--text-muted);place-items:center;font-size:10px;display:grid}.dialog-backdrop{z-index:10;background:#00000059;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:6px;width:100%;max-width:520px;padding:20px}.dialog__title{margin-bottom:4px}.dialog__target{color:var(--text-muted);margin-bottom:14px;font-size:12px}.dialog__actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}