:root{color-scheme:light;--surface-1: #fcfcfb;--plane: #f4f4f1;--text-1: #0b0b0b;--text-2: #52514e;--text-3: #898781;--line: #e1e0d9;--line-strong: #c3c2b7;--accent: #2a78d6;--accent-soft: #e8f1fd;--good: #0ca30c;--warning: #fab219;--critical: #d03b3b;--ring: rgba(11, 11, 11, .1);--radius: 10px}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--surface-1: #1a1a19;--plane: #0d0d0d;--text-1: #ffffff;--text-2: #c3c2b7;--text-3: #898781;--line: #2c2c2a;--line-strong: #383835;--accent: #3987e5;--accent-soft: #16283d;--ring: rgba(255, 255, 255, .1)}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--plane);color:var(--text-1);font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent)}header.app{background:var(--surface-1);border-bottom:1px solid var(--line);padding:11px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;position:sticky;top:0;z-index:20}.brand{font-weight:700;font-size:15px}.brand small{color:var(--text-3);font-weight:400;font-size:12px;margin-left:8px}.spacer{flex:1}nav.tabs{display:flex;gap:2px;padding:0 20px;background:var(--surface-1);border-bottom:1px solid var(--line);position:sticky;top:52px;z-index:19;overflow-x:auto}nav.tabs button{background:none;border:none;border-bottom:2px solid transparent;padding:11px 14px;font:inherit;font-size:13.5px;color:var(--text-2);cursor:pointer;white-space:nowrap}nav.tabs button:hover{color:var(--text-1)}nav.tabs button[aria-current=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}main.app{max-width:1080px;margin:0 auto;padding:22px 20px 80px}.center-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px}.center-page .card{max-width:440px;width:100%;margin:0}.card{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:16px}h1{font-size:19px;margin:0 0 6px}h2{font-size:16px;margin:0 0 4px}h3{font-size:16px;margin:0 0 2px}.sub{color:var(--text-3);font-size:12.5px;margin:0 0 18px}label{display:block;font-size:12.5px;font-weight:600;color:var(--text-2);margin-bottom:5px}input,select,textarea{width:100%;padding:8px 10px;font:inherit;font-size:13.5px;color:var(--text-1);background:var(--surface-1);border:1px solid var(--line-strong);border-radius:7px}textarea{resize:vertical;min-height:88px;line-height:1.7}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}input[type=checkbox]{width:16px;height:16px}input:disabled,textarea:disabled,select:disabled{background:var(--plane);color:var(--text-2)}.field{margin-bottom:16px}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1;min-width:150px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:7px;border:1px solid var(--line-strong);background:var(--surface-1);color:var(--text-1);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;text-decoration:none}.btn:hover:not(:disabled){background:var(--plane)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--accent)}.btn.ghost{border-color:transparent;font-weight:500;color:var(--text-2)}.btn.sm{padding:3px 9px;font-size:12px;font-weight:500}.btn.danger{color:#b13232}.btn.wide{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:11.5px;font-weight:600;color:var(--text-3);padding:8px 10px;border-bottom:1px solid var(--line-strong);white-space:nowrap}td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:var(--accent-soft)}.tnum{font-variant-numeric:tabular-nums}td.tnum{white-space:nowrap}.scroll-x{overflow-x:auto}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:20px;border:1px solid var(--ring);white-space:nowrap}.badge:before{content:"";width:7px;height:7px;border-radius:50%}.badge.approved{color:#0a7d0a}.badge.approved:before{background:var(--good)}.badge.submitted{color:#b07a00}.badge.submitted:before{background:var(--warning)}.badge.none{color:#b13232}.badge.none:before{background:var(--critical)}@media (prefers-color-scheme: dark){.badge.approved{color:#4cc44c}.badge.submitted{color:#e5c05c}.badge.none{color:#e87070}}.pill{display:inline-block;font-size:11px;padding:1px 8px;border-radius:20px;background:var(--plane);border:1px solid var(--line);color:var(--text-2);margin-right:4px}.pill.req{color:#b13232;border-color:#d03b3b59}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}.kpi{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.kpi .k{font-size:12px;color:var(--text-3);margin-bottom:6px}.kpi .v{font-size:27px;font-weight:600;line-height:1.15}.kpi .n{font-size:12px;color:var(--text-3);margin-top:2px}.bar-row{display:grid;grid-template-columns:110px 1fr 88px;align-items:center;gap:12px;margin-bottom:11px;font-size:13px}.bar-track{height:9px;background:var(--line);border-radius:5px;overflow:hidden}.bar-fill{height:100%;background:var(--accent);border-radius:5px}.muted{color:var(--text-3)}.empty{padding:34px;text-align:center;color:var(--text-3);font-size:13px}.right{text-align:right}.nowrap{white-space:nowrap}.clip{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dim{opacity:.5}.flexend{display:flex;gap:9px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap;align-items:center}.note{background:var(--accent-soft);border-radius:8px;padding:11px 14px;font-size:12.5px;color:var(--text-2);margin-bottom:16px}.note.warn{background:#fab21924}.note.error{background:#d03b3b1f;color:#b13232}@media (prefers-color-scheme: dark){.note.error{color:#e87070}}.detail-block{margin:14px 0}.detail-block .lbl{font-size:11.5px;font-weight:600;color:var(--text-3);margin-bottom:3px}.detail-block .val{white-space:pre-wrap;background:var(--plane);border-radius:7px;padding:10px 12px;font-size:13.5px}.comment-box{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:7px;padding:11px 13px;background:var(--plane);font-size:13.5px;white-space:pre-wrap}.chk{display:flex;align-items:center;gap:9px;padding:8px 4px;border-bottom:1px solid var(--line);font-size:13.5px}.chk input{flex:none}.inline-chk{display:inline-flex;align-items:center;gap:6px;font-weight:500;font-size:13px;color:var(--text-1);margin:0 14px 6px 0}.inline-chk input{width:16px}.copybox{display:flex;gap:8px;align-items:center}.copybox input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow:auto;z-index:50}.modal{background:var(--surface-1);border-radius:12px;width:100%;max-width:640px;padding:24px;border:1px solid var(--line)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:#0b0b0b;color:#fff;padding:11px 20px;border-radius:8px;font-size:13.5px;z-index:99;max-width:88vw;box-shadow:0 8px 24px #00000040}.toast.err{background:brown}.spinner{width:18px;height:18px;border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;gap:10px;color:var(--text-3);padding:40px;justify-content:center;font-size:13px}.divider{display:flex;align-items:center;gap:10px;color:var(--text-3);font-size:12px;margin:18px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}