:root{--bg: #f4f7f5;--ink: #1c2824;--muted: #5c6b66;--ask: #086038;--line: #d7e0db;--sidebar: #10241c;font-family:Noto Sans JP,Hiragino Sans,system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}h1,h2,h3{margin:.2rem 0 .55rem}h1{font-size:1.35rem}h2{font-size:1rem;margin-top:1.2rem}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}aside{position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column;background:var(--sidebar);color:#f4fbf8;padding:.9rem .7rem .8rem}.brand-block{padding:.2rem .35rem .4rem}.brand-logo{display:block;height:28px;width:auto}.brand-label{margin:.35rem 0 0;font-size:.75rem;letter-spacing:.04em;opacity:.8}.nav-item{display:block;width:100%;text-align:left;background:transparent;color:inherit;border:0;border-radius:6px;padding:.38rem .55rem;cursor:pointer}.nav-item:hover{background:#ffffff0f}.nav-item.active{background:var(--ask);color:#fff}.public-site{display:block;padding:.45rem .55rem;color:inherit;text-decoration:none;border-radius:6px}.public-site:hover{background:#ffffff0f}.side-foot{margin-top:auto;padding-top:.8rem}.side-user{margin:0 .55rem .3rem;font-size:.75rem;opacity:.75;word-break:break-all}.group{margin:.9rem .55rem .2rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;opacity:.62}main{padding:1.1rem 1.25rem 2rem;min-width:0}.nav-toggle,.nav-backdrop{display:none}.login{max-width:24rem;margin:4rem auto;background:#fff;border:1px solid var(--line);padding:1.2rem}.login form,.filter-bar form{display:flex;gap:.5rem;align-items:end;flex-wrap:wrap}.login input,.login button{display:block;width:100%;margin-top:.45rem}label{display:grid;gap:.2rem;font-size:.75rem;color:var(--muted)}input,select,button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:6px;padding:.35rem .5rem}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}.page-head{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:.8rem}.page-desc,.note,.loading,.empty{color:var(--muted);font-size:.85rem}.page-actions{display:flex;gap:.4rem;flex-wrap:wrap}.metric-grid,.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.55rem}.metric-card,.panel,.plan-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:.7rem .8rem}.metric-label{margin:0;color:var(--muted);font-size:.75rem}.metric-value{margin:.2rem 0;font-size:1.25rem;font-weight:700;word-break:break-word}.metric-hint{margin:0;color:var(--muted);font-size:.72rem}.metric-card.bad{border-color:#e3b2aa}.metric-card.warn{border-color:#e2c07a}.metric-card.ok{border-color:#b7d7c6}.panel{margin-top:.8rem}.panel-head,.split{display:flex;justify-content:space-between;gap:.8rem;align-items:center}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.filter-bar{position:sticky;top:0;z-index:4;display:flex;gap:.55rem;align-items:end;flex-wrap:wrap;background:var(--bg);padding:.2rem 0 .7rem}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:8px}.data-table{width:100%;border-collapse:collapse;background:#fff}.data-table th,.data-table td{text-align:left;padding:.45rem .55rem;border-bottom:1px solid var(--line);vertical-align:top}.data-table th{font-size:.75rem;color:var(--muted);font-weight:650}.data-table tbody tr:hover{background:#f3f8f5}.data-table tr.selected{background:#e7f3ec}.badge{display:inline-block;padding:.05rem .45rem;border-radius:999px;font-size:.75rem;background:#eef2f0;color:#3d4f48}.badge.ok{background:#e5f4ec;color:#086038}.badge.bad{background:#fdecea;color:#8a3d32}.badge.warn{background:#fff6e5;color:#8a5a12}.badge.info{background:#e8f1fb;color:#1d5fbf}.pager{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin:.6rem 0 .2rem;font-size:.85rem}.search-select{position:relative;min-width:12rem}.search-menu{position:absolute;z-index:6;top:100%;left:0;right:0;max-height:16rem;overflow:auto;margin:.15rem 0 0;padding:.2rem;list-style:none;background:#fff;border:1px solid var(--line);border-radius:8px}.search-menu button{display:block;width:100%;text-align:left;border:0;background:transparent}.search-menu button:hover{background:#f3f8f5}.search-empty{padding:.4rem;color:var(--muted)}.detail-panel{position:fixed;top:0;right:0;width:min(34rem,100%);height:100vh;overflow:auto;background:#fff;border-left:1px solid var(--line);padding:1rem;z-index:15}.detail-panel header{display:flex;justify-content:space-between;gap:.6rem;align-items:center}.kv{display:grid;grid-template-columns:8rem 1fr;gap:.25rem .6rem;margin:.4rem 0 .8rem}.kv dt{color:var(--muted)}.kv dd{margin:0}.technical{margin-top:.8rem}.plan-card{display:grid;gap:.15rem;text-align:left;cursor:pointer}.plan-card.selected{border-color:var(--ask)}.plain{margin:.2rem 0 .6rem;padding-left:1.1rem}.error{color:#8a3d32}.gate{margin:2rem}pre{white-space:pre-wrap;font-size:.78rem}table{width:100%;border-collapse:collapse}td{border-bottom:1px solid var(--line);padding:.4rem;vertical-align:top}.seo h1,.seo h2,.seo h3{margin:.8rem 0 .35rem}.seo-head,.seo-controls,.seo-ranges{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.seo-head{justify-content:space-between}.seo-status,.seo-note,.seo-coverage,.seo-diagnostics{margin:.2rem 0;font-size:.85rem}.seo-coverage{display:flex;flex-wrap:wrap;gap:.35rem .8rem;color:var(--muted, #5c6b66)}.seo-kpis small{display:block;color:var(--muted, #5c6b66);font-size:.72rem}.seo-ranges button.active{background:var(--ask);color:#fff}.seo-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem;padding:0;list-style:none}.seo-kpis li{background:#fff;border:1px solid var(--line);padding:.45rem .55rem}.seo-kpis span,.seo-kpis em{display:block;font-size:.75rem;font-style:normal}.seo-kpis strong{font-size:1.15rem}.up{color:#086038}.down{color:#8a3d32}.seo-chart-wrap{position:relative}.seo-chart{width:100%;height:260px;background:#fff;border:1px solid var(--line);display:block}.seo-grid{stroke:#e4ece8;stroke-width:1}.seo-axis-line{stroke:#8aa094;stroke-width:1}.seo-axis{fill:#4d6158;font-size:11px}.seo-axis.legend-left,.seo-axis-line.left{stroke:#086038}.seo-axis.legend-left{fill:#086038;stroke:none}.seo-axis.legend-right{fill:#1d5fbf}.seo-axis-line.right{stroke:#1d5fbf}.seo-point,.seo-point-clicks{cursor:pointer}.seo-point{fill:#086038}.seo-point.active{fill:#10241c}.seo-point-clicks{fill:#1d5fbf}.seo-point-clicks.active{fill:#143e78}.seo-tip{position:absolute;top:8px;transform:translate(-50%);background:#10241c;color:#f4fbf8;padding:.4rem .55rem;font-size:.75rem;display:grid;gap:.1rem;pointer-events:none;z-index:2}.seo-tip strong{font-size:.8rem}.seo table button,.seo-detail button{background:none;border:0;padding:0;color:var(--ask);cursor:pointer;text-align:left}.seo-actions{padding:0;list-style:none;display:grid;gap:.4rem}.seo-actions li{background:#fff;border:1px solid var(--line);padding:.55rem .7rem}.seo-actions p{margin:.2rem 0}.seo-detail{position:fixed;top:0;right:0;width:min(32rem,100%);height:100vh;overflow:auto;background:#fff;border-left:1px solid var(--line);padding:1rem}th button{background:none;border:0;padding:0;cursor:pointer;font-weight:700}.cost-head,.cost-filters,.cost-switch{display:flex;gap:.6rem;align-items:end;flex-wrap:wrap}.cost-head{justify-content:space-between;align-items:start}.cost-filters label{display:grid;gap:.2rem;font-size:.75rem}.cost-switch button.active{background:var(--ask);color:#fff}.cost-total{display:flex;gap:1.2rem;margin:.8rem 0}.cost-total strong{font-size:1.2rem}.cost th,.cost td{text-align:left}.cost th{border-bottom:1px solid var(--line);padding:.4rem}.cost-child td:first-child{padding-left:1.5rem}.cost table button{background:none;border:0;padding:0;color:inherit;cursor:pointer}@media(max-width:900px){.seo-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}aside button{border:0;background:transparent;color:inherit}aside .nav-item.active{background:var(--ask);color:#fff}.search-menu button,.seo table button,.cost table button{border:0;background:transparent}.seo,.cost{background:transparent;border:0;padding:0}@media(max-width:800px){.shell{grid-template-columns:1fr}aside{position:fixed;z-index:30;width:240px;height:100vh;transform:translate(-105%)}aside.open{transform:none}.nav-toggle{display:inline-flex;margin-bottom:.7rem}.nav-backdrop{display:block;position:fixed;inset:0;border:0;background:#10241c73;z-index:25}.detail-panel{width:100%}.kv{grid-template-columns:1fr}}