@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap");:root{--page:#ffffff;--sidebar:#202124;--surface:#ffffff;--surface-2:#f1f3f4;--ink:#202124;--ink-soft:#5f6368;--line:#dadce0;--accent:#1a73e8;--accent-soft:#e8f0fe;--accent-strong:#185abc;--green:#34a853;--green-soft:#e6f4ea;--red:#ea4335;--red-soft:#fce8e6;--amber:#fbbc04;--amber-soft:#fef7e0;--amber-ink:#9a6b00;--on-accent:#ffffff;--radius:10px}[data-theme=dark]{--page:#121212;--sidebar:#0d0d0d;--surface:#1e1f20;--surface-2:#28292b;--ink:#e8eaed;--ink-soft:#9aa0a6;--line:#3c4043;--accent:#8ab4f8;--accent-soft:#1f2a3d;--accent-strong:#aecbfa;--green:#81c995;--green-soft:#1e2f22;--red:#f28b82;--red-soft:#3a2020;--amber:#fdd663;--amber-soft:#3a3218;--amber-ink:#fdd663;--on-accent:#0d0d0d}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Noto Sans JP,sans-serif;font-size:15px;line-height:1.75;color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased}h1{font-size:24px}h1,h2{font-weight:700;margin:0}h2{font-size:18px}h3{font-size:14.5px;font-weight:600;margin:0}a{color:var(--accent-strong)}.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.side{background:var(--sidebar);color:#e8eaed;display:flex;flex-direction:column;padding:18px 12px;gap:4px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:6px 10px 16px}.brand .logo{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#1a73e8,#34a853);display:grid;place-items:center;font-weight:800;color:#fff;font-size:15px}.brand b{font-size:14.5px}.brand span{font-size:11px;color:#9aa0a6;display:block;line-height:1.3}.nav{flex-direction:column;gap:2px;margin-top:6px}.nav,.nav a{display:flex}.nav a{align-items:center;gap:11px;background:transparent;border:0;color:#c8ccd0;padding:10px 12px;border-radius:8px;font-size:14px;text-decoration:none;min-height:42px}.nav a:hover{background:#2a2b2e;color:#fff}.nav a.active{background:#2f3033;color:#fff;font-weight:600}.side .foot{margin-top:auto;padding:10px;border-top:1px solid #2a2b2e;font-size:11.5px;color:#9aa0a6}.main{flex-direction:column;min-width:0}.main,.top{display:flex}.top{align-items:center;gap:12px;padding:14px 26px;border-bottom:1px solid var(--line);background:var(--surface);position:-webkit-sticky;position:sticky;top:0;z-index:5;flex-wrap:wrap}.content{padding:26px;display:flex;flex-direction:column;gap:22px}.pagehead{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.pagehead p{margin:2px 0 0;color:var(--ink-soft);font-size:13px}.spacer{flex:1 1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 18px;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);font-weight:700;font-size:14px;font-family:inherit;cursor:pointer;min-height:44px;text-decoration:none}.btn:disabled{opacity:.55;cursor:default}.btn-outline{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn-green{border-color:var(--green);background:var(--green)}.btn-green,.btn-red{color:var(--on-accent)}.btn-red{border-color:var(--red);background:var(--red)}.btn-sm{padding:6px 12px;min-height:34px;font-size:12.5px;border-radius:7px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.grid-kpi{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column;gap:6px}.kpi .label{font-size:12px;color:var(--ink-soft);font-weight:600}.kpi .val{font-size:26px;font-weight:700;letter-spacing:-.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:100px;font-size:12px;font-weight:700}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}.badge.live{color:var(--green);background:var(--green-soft)}.badge.pending{color:var(--amber-ink);background:var(--amber-soft)}.badge.off{color:var(--ink-soft);background:var(--surface-2)}.badge.danger{color:var(--red);background:var(--red-soft)}.badge.accent{color:var(--accent-strong);background:var(--accent-soft)}.tbl-wrap{overflow:auto;max-height:calc(100vh - 230px);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px}td,th{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:11.5px;color:var(--ink-soft);font-weight:700;background:var(--surface-2);position:-webkit-sticky;position:sticky;top:0;z-index:3}td.num,th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:0}tbody tr:hover,tr.total td{background:var(--surface-2)}tr.total td{font-weight:700;border-bottom:2px solid var(--line)}tr.grp td{font-weight:600;cursor:pointer}.ptag,tr.grp td{background:var(--accent-soft)}.ptag{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;color:var(--accent-strong)}.ptag.sb{background:var(--amber-soft);color:var(--amber-ink)}.ptag.sd{background:var(--green-soft);color:var(--green)}.chip{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:6px}.chip.manual{background:var(--amber-soft);color:var(--amber-ink)}.chip.auto{background:var(--accent-soft);color:var(--accent-strong)}.bt{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:6px;background:var(--surface-2);color:var(--ink-soft)}.bt.month{background:var(--accent-soft);color:var(--accent-strong)}.bt.range{background:var(--amber-soft);color:var(--amber-ink)}.sub{font-size:11px;color:var(--ink-soft);display:block;line-height:1.4}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12.5px;font-weight:600}.field input,.field select,.field textarea{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);font-size:14px;color:var(--ink);min-height:44px;font-family:inherit}.field .help{font-size:11px;color:var(--ink-soft)}.formgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.filters input,.filters select{padding:8px 12px;font-size:13px;min-height:40px}.filters input,.filters select,.top-sel{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-family:inherit}.top-sel{padding:7px 10px;font-size:12.5px;min-height:38px}.empty{text-align:center;padding:48px 24px;color:var(--ink-soft);font-size:13.5px}.empty .action{margin-top:14px}.note{font-size:12.5px;color:var(--ink-soft);background:var(--surface-2);border:1px dashed var(--line)}.error-box,.note{border-radius:8px;padding:10px 13px}.error-box{font-size:13px;color:var(--red);background:var(--red-soft)}.theme-toggle{display:inline-flex;border:1px solid var(--line);border-radius:100px;padding:2px;background:var(--surface-2)}.theme-toggle button{border:0;background:transparent;padding:6px 13px;border-radius:100px;font-size:12.5px;font-family:inherit;cursor:pointer;color:var(--ink-soft);min-height:32px}.theme-toggle button.active{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.12)}.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--surface-2);padding:20px}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:34px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}@media (max-width:900px){.app{grid-template-columns:64px 1fr}.brand b,.brand span,.nav a .tx,.side .foot{display:none}.nav a{justify-content:center}.grid-kpi{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:1fr}}