:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;--bg: #f4f5f9;--surface: #ffffff;--ink: #17192e;--ink-soft: #5a5e78;--line: #e4e6f0;--sidebar-bg: #17192e;--sidebar-ink: #b9bdd4;--sidebar-active: #2b2e4a;--accent: #4f5dff;--ok: #0e7a45;--ok-bg: #e2f5ea;--warn: #8a5b00;--warn-bg: #fdf0d7;--danger: #b00020;--danger-bg: #fde8ea;--info: #12406b;--info-bg: #e3eefc;--muted: #6a6d80;--muted-bg: #ededf2;--policy: #6b21a8;--policy-bg: #f1e6fb;--planned: #475569;--planned-bg: #e8edf4;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}.shell{display:flex;min-height:100vh}.sidebar{width:232px;flex:0 0 232px;background:var(--sidebar-bg);color:var(--sidebar-ink);padding:1rem .75rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem .75rem;border-bottom:1px solid #2b2e4a}.brand-mark{background:var(--accent);color:#fff;font-weight:700;font-size:12px;border-radius:6px;padding:.3rem .45rem;letter-spacing:.05em}.brand-name{font-size:12px;line-height:1.25;color:#dfe2f2}.nav-group-title{font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:#757a9c;padding:.4rem .5rem .2rem}.nav-link{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:var(--sidebar-ink);text-decoration:none;padding:.4rem .5rem;border-radius:6px;font-size:13px}.nav-link:hover{background:#22253e;color:#fff}.nav-link.active{background:var(--sidebar-active);color:#fff;font-weight:600}.nav-dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.nav-dot-planned{background:#5c6d85}.nav-dot-policy{background:#9d5ce0}.sidebar-foot{margin-top:auto;padding:.5rem}.content{flex:1;padding:1.25rem 1.75rem 3rem;min-width:0}.context-bar{display:flex;align-items:center;gap:1.25rem;padding:.5rem .75rem;margin-bottom:1rem;background:var(--surface);border:1px solid var(--line);border-radius:8px;font-size:13px;flex-wrap:wrap}.context-item{display:flex;align-items:center;gap:.35rem}.context-item select{font-size:13px;padding:.15rem .3rem}.view-head{display:flex;align-items:center;gap:.75rem;margin:.25rem 0 1rem}.view-head h2{margin:0;font-size:20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:1rem 1.1rem;margin:0 0 1rem;box-shadow:0 1px 2px #17192e0a}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.card-head h3{margin:0;font-size:14px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.grid-2>.card{margin:0 0 1rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1rem}.stat{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.8rem 1rem}.stat-value{font-size:24px;font-weight:700}.stat-label{font-size:12px;color:var(--ink-soft);margin-top:.15rem}.stat-hint{font-size:11px;color:var(--muted)}.stat-warn .stat-value{color:var(--warn)}.stat-danger .stat-value{color:var(--danger)}.stat-ok .stat-value{color:var(--ok)}.stat-muted .stat-value{color:var(--muted)}.area-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.area-card{border:1px solid var(--line);border-radius:10px;padding:.7rem .85rem;background:var(--surface)}.area-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem}.area-title{font-weight:600;font-size:13.5px}.area-counts{display:flex;flex-wrap:wrap;gap:.25rem .7rem;margin-bottom:.35rem}.area-count{font-size:11.5px;color:var(--ink-soft)}.area-meta{font-size:11px;color:var(--muted)}.area-meta-error{color:var(--danger)}.area-note{font-size:11.5px;color:var(--ink-soft);margin-top:.35rem;border-top:1px dashed var(--line);padding-top:.35rem}.signal-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem;font-size:12.5px}.badge{display:inline-block;padding:.12rem .5rem;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}.badge-ok{color:var(--ok);background:var(--ok-bg)}.badge-warn{color:var(--warn);background:var(--warn-bg)}.badge-danger{color:var(--danger);background:var(--danger-bg)}.badge-info{color:var(--info);background:var(--info-bg)}.badge-muted{color:var(--muted);background:var(--muted-bg)}.badge-policy{color:var(--policy);background:var(--policy-bg)}.badge-planned{color:var(--planned);background:var(--planned-bg)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;background:var(--surface)}th,td{border-bottom:1px solid var(--line);padding:.45rem .6rem;text-align:left;font-size:12.5px;max-width:340px;overflow-wrap:anywhere;vertical-align:top}th{color:var(--ink-soft);font-size:11px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}tbody tr:hover{background:#f8f9fd}code.json{font-size:11px;color:var(--ink-soft);word-break:break-all}.json-block{font-size:11.5px;background:#f6f7fb;border:1px solid var(--line);border-radius:6px;padding:.6rem;overflow-x:auto;margin:.4rem 0 0}.event-list{list-style:none;margin:0;padding:0}.event{display:flex;align-items:baseline;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.event:last-child{border-bottom:none}.event-ts{color:var(--muted);font-size:12px;white-space:nowrap}.event-summary{flex:1;min-width:200px}.expandable-toggle{background:none;border:none;color:var(--accent);cursor:pointer;font-size:12px;padding:0}.expandable-body{width:100%}label{display:block;margin:.6rem 0;font-size:13px;color:var(--ink-soft)}input{display:block;width:100%;max-width:30rem;padding:.45rem .6rem;margin-top:.25rem;border:1px solid var(--line);border-radius:6px;font-size:13px;background:#fff;color:var(--ink)}input:focus{outline:2px solid var(--accent);outline-offset:-1px}.inline-label{display:inline-flex;align-items:center;gap:.4rem;margin:0}.input-small{display:inline-block;width:16rem;margin-top:0;padding:.3rem .5rem}.input-wide{display:inline-block;min-width:24rem;flex:1;margin-top:0;padding:.3rem .5rem}.btn{cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:6px;padding:.4rem .8rem;font-size:13px}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn-small{padding:.2rem .55rem;font-size:12px}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#3d4be0;color:#fff}.btn-ok{color:var(--ok);border-color:var(--ok)}.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-row{display:inline-flex;gap:.35rem}.error{color:var(--danger);background:var(--danger-bg);padding:.6rem .8rem;border-radius:8px}.error a{color:inherit}.notice{color:var(--info);background:var(--info-bg);padding:.6rem .8rem;border-radius:8px}.empty{color:var(--muted);font-size:13px}.hint{color:var(--muted);font-size:12.5px}.plan-list{margin:.5rem 0;padding-left:1.2rem}.plan-list li{margin:.25rem 0}.role-chip{display:inline-flex;align-items:center;gap:.3rem;background:var(--muted-bg);border:1px solid var(--line);border-radius:999px;padding:.1rem .3rem .1rem .55rem;font-size:11.5px}.role-chip-x{border:none;background:none;cursor:pointer;color:var(--muted);font-size:13px;line-height:1;padding:0 .15rem}.role-chip-x:hover{color:var(--danger)}.link-button{border:none;background:none;padding:0;color:var(--accent);text-decoration:underline;cursor:pointer;font-size:inherit;text-align:left}.image-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin:.5rem 0 .75rem}.image-compare figure{margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}.image-compare img{display:block;width:100%;height:220px;object-fit:contain;background:#f6f7fb}.image-compare figcaption{padding:.4rem .6rem;font-size:11px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;border-top:1px solid var(--line)}.crop-box-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem .75rem;max-width:30rem}.crop-box-grid input{max-width:none}