:root{--ground: #f5f6f4;--paper: #ffffff;--ink: #1a1e1b;--muted: #5c6661;--rule: #dde2de;--accent: #1f5e4a;--accent-dark: #18493a;--danger: #b3261e;--danger-bg: #fdecea;--readonly: #eef0ee;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,YuGothic,Noto Sans JP,system-ui,sans-serif;font-size:15px;line-height:1.7}.app-bar{display:flex;align-items:center;gap:1rem;padding:.9rem clamp(1rem,4vw,2.5rem);border-bottom:1px solid var(--rule);background:var(--paper);margin-bottom:clamp(1rem,3vw,1.8rem)}.app-bar-brand{font-weight:700;letter-spacing:.04em;color:inherit;text-decoration:none}.app-bar-spacer{flex:1}.app-bar button{width:auto}.wrap,main{max-width:76rem;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem) clamp(2rem,5vw,3rem)}h1{font-size:1.45rem;margin:0 0 .8rem}h2{font-size:1.1rem;margin:0 0 .8rem}h3{font-size:1rem;margin:0 0 .6rem}.card{background:var(--paper);border:1px solid var(--rule);border-radius:4px;padding:1.2rem 1.4rem;margin-bottom:1rem}.env-banner{background:var(--danger);color:#fff;font-weight:700;text-align:center;padding:.7rem 1rem;border-radius:4px;margin-bottom:1rem}.grid{display:grid;gap:.9rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}.field-wide{grid-column:span 2}label{display:block;font-size:.85rem;margin-bottom:.3rem;color:var(--muted)}input,select,textarea{font:inherit;width:100%;padding:.5rem .7rem;color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:3px}input[readonly],input[disabled],select:disabled,textarea[readonly]{background:var(--readonly);color:var(--muted)}button{font:inherit;width:100%;padding:.55rem 1.4rem;border:1px solid var(--accent);border-radius:3px;background:var(--accent);color:var(--paper);cursor:pointer}button:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}button:disabled{opacity:.5;cursor:default}button.ghost{background:var(--paper);color:var(--accent);border-color:var(--rule)}button.ghost:hover:not(:disabled){background:var(--ground);border-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:pointer}a{color:var(--accent)}.actions{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center}.actions button{width:auto}.toolbar{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem}.toolbar-main{display:flex;gap:.8rem;flex-wrap:wrap}.toolbar-main button{width:auto}.toolbar-filter{margin:0 0 0 auto;display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--ink);white-space:nowrap}.toolbar-filter input[type=checkbox]{margin:0}.action-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;background:var(--paper);border:1px solid var(--rule);border-radius:4px;padding:.8rem 1rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000000f}.action-bar-id{margin-left:auto;white-space:nowrap}.svc{border:1px solid var(--rule);border-radius:4px;padding:.9rem 1rem;margin-bottom:.7rem;background:var(--paper)}.svc-head{font-weight:700;margin-bottom:.6rem}.svc-note{margin-top:.6rem;color:var(--muted);font-size:.85rem;line-height:1.7}.row{display:flex;gap:.6rem;align-items:center}.row input[type=checkbox]{margin:0}.check-inline{display:flex;align-items:center;gap:.5rem;height:100%;min-height:2.4rem;padding-top:1.4rem}.check-inline input[type=checkbox]{margin:0}.check-inline label{margin:0;color:var(--ink)}.group-block{margin-bottom:1.4rem}.group-title{margin:0 0 .8rem;padding:.5rem .9rem;background:var(--paper);border:1px solid var(--rule);border-left:3px solid var(--accent);border-radius:3px;font-size:1rem}.with-unit{display:flex;align-items:center;gap:.4rem}.with-unit>input{flex:1;min-width:0}.with-unit .unit{color:var(--muted);font-size:.9rem;white-space:nowrap}.totals-box p{margin:.4rem 0;font-size:1rem}.totals-box strong{font-size:1.1rem}.muted{color:var(--muted);font-size:.85rem}dl{display:grid;grid-template-columns:8rem 1fr;gap:.35rem 1rem;margin:0 0 1.2rem}dt{color:var(--muted);font-size:.85rem}dd{margin:0}@media(max-width:600px){dl{grid-template-columns:1fr;gap:0 0}dt{margin-top:.6rem}}.table-scroll{overflow-x:auto;border:1px solid var(--rule);border-radius:4px;background:var(--paper)}table{width:100%;border-collapse:collapse}th,td{padding:.6rem .9rem;border-bottom:1px solid var(--rule);font-size:.9rem;vertical-align:middle;text-align:left}thead th{color:var(--muted);font-weight:600;white-space:nowrap;background:var(--paper)}tbody tr:last-child th,tbody tr:last-child td{border-bottom:none}.th-sort{width:100%;font:inherit;font-weight:600;color:var(--muted);background:none;border:none;padding:.15rem .25rem;margin:-.15rem -.25rem;border-radius:3px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.3rem}.th-sort:hover:not(:disabled){background:var(--ground)}.th-sort:hover:not(:disabled) .th-mark{color:var(--muted)}.th-mark{display:inline-block;min-width:1em;color:#b6bdb8;font-size:.9em}.th-sort.is-active{color:var(--ink)}.th-sort.is-active .th-mark{color:var(--accent)}.th-sort.is-active:hover:not(:disabled) .th-mark{color:var(--accent)}.filter-row th{padding-top:0;padding-bottom:.6rem}.filter-row input,.filter-row select{font-size:.85rem;padding:.3rem .5rem}.filter-row button{width:auto;font-size:.85rem;padding:.3rem .7rem}.badge{display:inline-block;margin-left:.5rem;padding:0 .45rem;font-size:.72rem;border:1px solid var(--rule);border-radius:999px;color:var(--muted)}.warn{color:var(--danger)}.warn .muted{display:block}.form-error{background:var(--danger-bg);border:1px solid var(--danger);color:#8c1d18;border-radius:4px;padding:.8rem 1.1rem;margin-bottom:1rem;font-weight:700}.form-notice{background:var(--paper);border:1px solid var(--accent);color:var(--ink);border-radius:4px;padding:.8rem 1.1rem;margin-bottom:1rem}.is-busy button,.is-busy input,.is-busy select,.is-busy textarea{pointer-events:none}.loading-overlay{position:fixed;inset:0;background:#f5f6f4cc;display:grid;place-items:center;z-index:9999}.loading-box{background:var(--paper);border:1px solid var(--rule);border-radius:4px;padding:1.4rem 1.6rem;min-width:14rem;text-align:center;box-shadow:0 4px 20px #00000014}.spinner{width:2.2rem;height:2.2rem;margin:0 auto .8rem;border:3px solid var(--rule);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}@media(max-width:900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.field-wide{grid-column:auto}}