:root{--bg:#f3f5f1;--paper:#fff;--ink:#10231d;--muted:#64736d;--line:#dce3de;--green:#1a6b4a;--lime:#c8ff5a;--amber:#a96600;--red:#b63c36;--shadow:0 18px 50px rgba(16,35,29,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit;color:inherit}a{color:inherit}.topbar{height:68px;padding:0 max(24px,calc((100vw - 1500px)/2));display:flex;align-items:center;gap:34px;background:#10231d;color:#fff}.brand{display:flex;align-items:baseline;gap:9px;text-decoration:none}.brand span{font-weight:900;letter-spacing:.16em}.brand strong{font-size:12px;color:var(--lime)}.topbar nav{display:flex;gap:20px;flex:1}.topbar nav a{text-decoration:none;color:#c7d2cd}.topbar nav a:hover{color:#fff}.status{display:flex;align-items:center;gap:8px;font-size:12px;color:#c7d2cd}.status i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(200,255,90,.12)}main{max-width:1500px;margin:auto;padding:34px 24px 70px}.hero{display:grid;grid-template-columns:1fr 330px;gap:48px;align-items:end;margin-bottom:28px}.eyebrow{margin:0 0 8px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero h1{font-size:clamp(34px,4.8vw,68px);line-height:.98;letter-spacing:-.055em;margin:0 0 20px;max-width:920px}.hero>div>p:last-child{max-width:760px;color:var(--muted);font-size:16px}.period-card{background:var(--paper);padding:20px;border-radius:18px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:12px}.period-card>strong,.period-card>small{grid-column:1/-1}.period-card label,.mapping-form label{display:grid;gap:5px;font-size:12px;color:var(--muted)}input,select{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 11px;outline:none}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(26,107,74,.1)}button{border:0;border-radius:10px;background:var(--green);color:#fff;padding:10px 14px;font-weight:750;cursor:pointer}.period-card button{grid-column:1/-1}.period-card small{color:var(--muted)}.notice{padding:13px 16px;border-radius:12px;background:#e4f8ec;margin-bottom:18px}.notice.error{background:#fbe8e7;color:#842c27}.hidden{display:none!important}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:18px}.stats div{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:15px}.stats strong{font-size:25px;display:block}.stats span{font-size:12px;color:var(--muted)}.workspace{display:grid;grid-template-columns:430px minmax(0,1fr);gap:18px;align-items:start}.directory,.detail,.events-section{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.directory{padding:20px;position:sticky;top:12px;max-height:calc(100vh - 24px);display:flex;flex-direction:column}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-title h2{margin:0;font-size:26px}.section-title>span{color:var(--muted);font-size:12px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.filters input{grid-column:1/-1}.unit-grid{overflow:auto;padding-right:3px;display:grid;gap:8px}.unit-card{background:#fbfcfa;color:var(--ink);text-align:left;border:1px solid var(--line);padding:14px;border-radius:14px}.unit-card:hover,.unit-card.selected{border-color:var(--green);background:#f0f8f2}.unit-card>strong{display:block;font-size:16px;margin:8px 0 3px}.unit-card>small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.unit-top{display:flex;justify-content:space-between}.unit-top i{font-style:normal;background:#e9f0eb;border-radius:7px;padding:3px 6px;font-size:10px}.unit-top em{font-style:normal;font-size:11px;color:var(--muted)}.coverage{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:12px}.coverage i{height:3px;border-radius:4px;background:#dfe5e1}.coverage i.on{background:var(--green)}.detail{padding:26px;min-height:620px}.detail.empty{display:grid;place-items:center;text-align:center;color:var(--muted)}.detail-head{display:flex;justify-content:space-between;gap:20px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:20px}.detail-head h2{font-size:34px;line-height:1;margin:0 0 10px}.detail-head code{color:var(--muted)}.reference-mark{background:#ecf5ee;color:var(--green);border-radius:999px;padding:7px 10px;font-size:11px}.unit-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.unit-kpis div{padding:13px;background:#f7f9f6;border-radius:12px}.unit-kpis strong,.unit-kpis span{display:block}.unit-kpis strong{font-size:20px}.unit-kpis span{font-size:11px;color:var(--muted)}.detail section{margin-top:25px}.detail section>h3,.mapping-form h3{font-size:16px;margin:0 0 12px}.navigation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.nav-link{border:1px solid var(--line);border-radius:13px;padding:13px;text-decoration:none;display:grid;gap:7px}.nav-link:hover{border-color:var(--green);transform:translateY(-1px)}.nav-link span{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.nav-link span i{font-style:normal;color:var(--green);font-weight:900}.nav-link small{color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);background:#f7f9f6}tbody tr:last-child td{border:0}.records{display:grid;gap:8px}.record{border-left:3px solid var(--line);padding:7px 10px}.record>div{display:flex;gap:8px;align-items:center}.record p{margin:5px 0;color:var(--muted)}.record code{font-size:10px;color:#607069;overflow-wrap:anywhere}.record small{color:var(--muted)}.badge{font-size:9px;text-transform:uppercase;padding:2px 6px;border-radius:10px;background:#e8ece9}.badge.active{background:#dff3e6;color:var(--green)}.badge.review{background:#fff0cc;color:var(--amber)}.mapping-form{background:#f4f7f3;border-radius:15px;padding:18px}.mapping-form>p{color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px}.form-grid .wide{grid-column:1/-1}.mapping-form>span{margin-left:10px;color:var(--muted)}.events-section{margin-top:18px;padding:24px}.section-copy{color:var(--muted);max-width:760px}.secondary{background:#e9efeb;color:var(--green)}.events{display:grid;gap:8px}.event{display:grid;grid-template-columns:1fr auto;gap:6px 15px;border:1px solid var(--line);padding:12px;border-radius:12px}.event>div{display:flex;gap:12px;align-items:center}.event code,.event small{color:var(--muted)}.event p{grid-column:1/-1;color:var(--red);margin:0}.event button{justify-self:start}.event-status{font-size:10px;text-transform:uppercase;border-radius:9px;padding:3px 7px;background:#e6ebe8}.event-status.acknowledged{background:#dff3e6;color:var(--green)}.event-status.retry{background:#fff0cc;color:var(--amber)}.event-status.error{background:#fbe8e7;color:var(--red)}.empty-line{padding:22px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}@media(max-width:1000px){.hero,.workspace{grid-template-columns:1fr}.directory{position:static;max-height:none}.unit-grid{max-height:500px}.stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.topbar{height:auto;padding:15px 18px;flex-wrap:wrap}.topbar nav{order:3;overflow:auto;width:100%}.status{display:none}main{padding:24px 12px}.hero{gap:18px}.hero h1{font-size:39px}.stats{grid-template-columns:repeat(2,1fr)}.navigation-grid,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.unit-kpis{grid-template-columns:repeat(2,1fr)}}