:root{--bg:#f5f7fa;--card:#fff;--text:#162d3d;--muted:#64748b;--line:#e2e8f0;--primary:#087f8c;--primary-weak:#e6f4f5;--forecast:#c45f56;--review:#b7791f;--danger:#b42318;--ok:#18794e;--radius:12px;--nav-w:220px;--top-h:64px;color:var(--text);background:var(--bg);font-family:Noto Sans JP,Hiragino Sans,Yu Gothic UI,Meiryo,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;margin:0}body{font-size:14px;line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0 0 4px;font-size:26px}h2{margin:0 0 12px;font-size:18px}h3{margin:0 0 8px;font-size:15px}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.shell{grid-template-columns:var(--nav-w) 1fr;min-height:100vh;display:grid}.nav{background:var(--card);border-right:1px solid var(--line);height:100vh;padding:16px 12px;position:sticky;top:0;overflow-y:auto}.nav-brand{letter-spacing:.02em;padding:4px 8px 16px;font-size:15px;font-weight:700}.nav-brand small{color:var(--muted);font-size:11px;font-weight:400;display:block}.nav a{color:var(--text);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:2px;padding:9px 10px;display:flex}.nav a:hover{background:var(--bg);text-decoration:none}.nav a[aria-current=page]{background:var(--primary-weak);color:var(--primary);font-weight:700}.nav .soon{color:var(--muted);font-size:11px}.nav-section{color:var(--muted);padding:14px 10px 4px;font-size:11px}.main{min-width:0}.topbar{height:var(--top-h);background:var(--card);border-bottom:1px solid var(--line);z-index:5;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.topbar .who{color:var(--muted);align-items:center;gap:12px;display:flex}.content{max-width:1400px;padding:24px 28px 48px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-head p{color:var(--muted);margin:0}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:20px}.grid{gap:16px;display:grid}.grid-4{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.grid>.card{margin-bottom:0}.kpi .label{color:var(--muted);font-size:12px}.kpi .value{font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}.badge{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#fff;border-radius:999px;padding:1px 8px;font-size:11px;display:inline-block}.badge.ok{color:var(--ok);background:#effaf3;border-color:#b7e4c7}.badge.review{color:var(--review);background:#fff8eb;border-color:#f2d49b}.badge.forecast{color:var(--forecast);background:#fdf1f0;border-color:#f0c4bf}.badge.off{color:var(--muted);background:var(--bg)}.badge.danger{color:#b42318;background:#fef3f2;border-color:#f4c7c3}.badge.primary{color:var(--primary);background:var(--primary-weak);border-color:#a7d8dc}.btn{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;min-height:38px;padding:8px 14px;display:inline-flex}.btn:hover{background:var(--bg);text-decoration:none}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700}.btn.primary:hover{filter:brightness(.95)}.btn.danger{color:var(--danger);border-color:#f3c3be}.btn.small{min-height:30px;padding:4px 10px;font-size:13px}table.data{border-collapse:collapse;background:#fff;width:100%}table.data th,table.data td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:9px 10px}table.data th{color:var(--muted);background:#fafbfc;font-size:12px;font-weight:600;position:sticky;top:0}table.data td.nowrap{white-space:nowrap}table.data td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}table.data tr.inactive td{color:var(--muted)}table.data tr.subtotal th{color:var(--text,#1f2937);background:#f3f6f8;position:static}table.data th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px}.muted{color:var(--muted)}form.stack{gap:14px;max-width:720px;display:grid}.field{gap:4px;display:grid}.field label{font-size:13px;font-weight:600}.field .hint{color:var(--muted);font-size:12px}.row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}input[type=text],input[type=email],input[type=date],input[type=number],select,textarea{font:inherit;color:var(--text);background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:38px;padding:8px 10px}textarea{min-height:72px}.check{align-items:center;gap:8px;display:flex}.actions{flex-wrap:wrap;gap:8px;display:flex}.required:after{content:" 必須";color:var(--danger);font-size:11px;font-weight:400}.notice{border:1px solid;border-radius:10px;margin-bottom:16px;padding:10px 14px}.notice.ok{color:var(--ok);background:#effaf3;border-color:#b7e4c7}.notice.error{color:var(--danger);background:#fef3f2;border-color:#f3c3be}.notice.info{background:var(--primary-weak);color:#05606a;border-color:#a7d8dc}.login-wrap{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{width:100%;max-width:420px}@media (max-width:820px){.shell{grid-template-columns:1fr}.nav{border-right:0;border-bottom:1px solid var(--line);gap:4px;height:auto;padding:8px;display:flex;position:static;overflow-x:auto}.nav-brand,.nav-section,.nav .soon{display:none}.nav{align-items:center}.nav a{white-space:nowrap;flex-shrink:0;min-height:44px}.topbar{padding:0 16px}table.data th,table.data td{white-space:nowrap}.content{padding:16px}}