@layer base,components,motion;@layer base{:root{--g: #1E7B4E;--a: #E0A526;--r: #B42318;--n: #8A96A0;--ink: #14212B;--mute: #55636F;--line: #DDE3E1;--bg: #F4F6F5;--hdr: #0B4A37;--hdr-hover: #0E5E45;--border: #C9D3CF;--border-soft: #E3E8E6;--track: #EEF1F0;--tint-n: #F1F3F2;--tint-g: #EAF5EF;--tint-a: #FDF4E1;--tint-r: #FBE9E7;--link: #0B5A41;--label: #33414C;--sh-1: 0 1px 2px rgb(20 33 43 / .06), 0 1px 3px rgb(20 33 43 / .05);--sh-2: 0 4px 10px -2px rgb(20 33 43 / .08), 0 12px 24px -8px rgb(20 33 43 / .1);--sh-3: 0 8px 16px -4px rgb(20 33 43 / .1), 0 20px 40px -12px rgb(20 33 43 / .16);--ring: 0 0 0 3px color-mix(in srgb, var(--g) 35%, transparent);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--ease: cubic-bezier(.2, .7, .2, 1);--dur: .18s}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:IBM Plex Sans,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--link);text-underline-offset:3px;transition:color var(--dur)}a:hover{color:#063d2c}.mono{font-family:IBM Plex Mono,monospace}h1{margin:0;font-size:clamp(22px,1.6vw + 14px,28px);font-weight:700;letter-spacing:-.01em;text-wrap:balance}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--n) 55%,transparent) transparent}:focus-visible{outline:2px solid var(--g);outline-offset:2px;border-radius:var(--r-sm)}}@layer components{.hdr{background:linear-gradient(135deg,#0b4a37,#0d5a43);color:#fff;box-shadow:0 2px 12px #0b4a3740;position:relative}.hdr-in,.filters,main{max-width:1440px;margin:0 auto;padding-left:28px;padding-right:28px}.hdr-in{padding-top:14px;display:flex;flex-direction:column;gap:12px}.hdr-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.hdr-title{font-size:17px;font-weight:700;letter-spacing:.01em}.hdr-sub{font-size:12px;color:#b9d6cb}nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.tab{font:inherit;font-size:14px;color:#d8e6e0;background:none;border:0;padding:11px 18px;border-radius:10px 10px 0 0;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur)}.tab:hover{background:var(--hdr-hover);color:#fff}.tab:focus-visible{outline-color:#fff;outline-offset:-2px}.tab.on{background:var(--bg);color:#0b3d2e;font-weight:600;box-shadow:0 -3px 0 var(--g) inset}.tab span{font-family:IBM Plex Mono,monospace;font-size:12px;opacity:.8}.filters{padding-top:16px;padding-bottom:4px;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.sel{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--mute);font-weight:500;letter-spacing:.03em;text-transform:uppercase}.sel select{font:inherit;font-size:13px;text-transform:none;letter-spacing:0;padding:7px 10px;min-height:36px;border:1px solid var(--border);border-radius:var(--r-sm);background:#fff;color:var(--ink);box-shadow:var(--sh-1);cursor:pointer;transition:border-color var(--dur),box-shadow var(--dur)}.sel select:hover{border-color:var(--g)}.sel select:focus-visible{outline:none;border-color:var(--g);box-shadow:var(--ring)}.legend{font-size:12px;color:var(--mute);margin-left:auto;padding-bottom:8px}.dot{display:inline-block;width:10px;height:10px;border-radius:5px;margin-right:4px;box-shadow:0 0 0 2px #ffffffe6}main{padding-top:14px;padding-bottom:48px;display:flex;flex-direction:column;gap:18px}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.s5{grid-column:span 5}.s6{grid-column:span 6}.s7{grid-column:span 7}.s12{grid-column:span 12}@media (max-width: 900px){.grid>*{grid-column:1 / -1}.hdr-in,.filters,main{padding-left:16px;padding-right:16px}}.card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 22px;display:flex;flex-direction:column;gap:12px;min-width:0;box-shadow:var(--sh-1);container-type:inline-size;transition:box-shadow .25s var(--ease),transform .25s var(--ease),border-color .25s}.card:hover{box-shadow:var(--sh-2);border-color:color-mix(in srgb,var(--g) 25%,var(--line))}.card-h{display:flex;gap:10px;align-items:center}.no{flex:none;width:28px;height:28px;border-radius:14px;color:#fff;font-size:13px;font-weight:700;background:linear-gradient(145deg,#12664b,var(--hdr));box-shadow:0 0 0 3px color-mix(in srgb,var(--g) 18%,transparent),var(--sh-1);display:inline-flex;align-items:center;justify-content:center}.ttl{font-size:18px;font-weight:600;margin:0;letter-spacing:-.005em;text-wrap:balance}.look{font-size:13px;color:var(--mute);margin:0;line-height:1.5;text-wrap:pretty}.src{font-size:11px;color:var(--mute);margin-top:auto;padding-top:8px;border-top:1px dashed var(--line)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.kpi{--t: var(--tint-n);border-radius:var(--r-md);padding:16px;display:flex;flex-direction:column;gap:6px;border-top:5px solid var(--n);background:linear-gradient(160deg,color-mix(in srgb,var(--t) 70%,#fff),var(--t));box-shadow:var(--sh-1);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.kpi:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}.kpi.green{--t: var(--tint-g);border-color:var(--g)}.kpi.amber{--t: var(--tint-a);border-color:var(--a)}.kpi.red{--t: var(--tint-r);border-color:var(--r)}.kpi-p{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--label)}.kpi-v{font-size:clamp(28px,2vw + 16px,34px);font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.nd{font-size:13px;color:var(--mute);background:var(--tint-n);border:1px dashed var(--border);border-radius:8px;padding:10px 12px}.note{font-size:12px;color:#8a6110}table.rt{border-collapse:separate;border-spacing:4px;width:100%;min-width:620px;font-size:13px}table.rt-eq{table-layout:fixed;min-width:600px}.tbl-fill{flex:1 1 0;min-height:420px;overflow:auto}.rt-eq .c-state{width:112px}.rt-eq .c-status{width:84px}.rt-eq .c-ind{width:calc((100% - 196px) / 6)}.rt-eq th{overflow-wrap:anywhere}.rt-eq td.v{height:38px;padding-top:0;padding-bottom:0}.rt th{font-weight:500;color:var(--label);font-size:11.5px;padding:4px 2px;line-height:1.25;cursor:pointer;position:sticky;top:0;z-index:1;background:#fff;transition:color var(--dur)}.rt th:hover{color:var(--g)}.rt th.l{text-align:left;font-weight:600;color:var(--mute);padding:4px 6px}.rt td.v{text-align:center;padding:9px 4px;border-radius:var(--r-sm);background:var(--tint-n);color:var(--mute);font-variant-numeric:tabular-nums;box-shadow:inset 0 -1px #0000000f;transition:transform var(--dur) var(--ease),box-shadow var(--dur)}.rt td.v:hover{transform:scale(1.06);box-shadow:var(--sh-2);position:relative;z-index:2}.rt td.v.green{background:var(--g);color:#fff}.rt td.v.amber{background:var(--a);color:#3b2a05}.rt td.v.red{background:var(--r);color:#fff}.rt td.st{padding-left:8px;white-space:nowrap;font-size:12px;font-weight:600}.rt tbody tr:hover td.st{color:var(--g)}.alerts{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.alerts li{display:flex;gap:12px;border:1px solid var(--border-soft);border-radius:var(--r-md);padding:12px;background:#fff;transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.alerts li:hover{box-shadow:var(--sh-2);transform:translate(2px)}.bar-t{height:22px;background:var(--track);border-radius:var(--r-sm);overflow:hidden;box-shadow:inset 0 1px 2px #14212b0f}.bar-f{height:22px;border-radius:var(--r-sm);background-image:linear-gradient(180deg,rgb(255 255 255 / .18),transparent 60%);background-blend-mode:soft-light}.row{display:flex;justify-content:space-between;gap:8px;font-size:14px;flex-wrap:wrap}.pill{font:inherit;font-size:12.5px;padding:5px 12px;border:1px solid var(--border);border-radius:16px;background:#fff;cursor:pointer;box-shadow:var(--sh-1);transition:background var(--dur),color var(--dur),border-color var(--dur),transform var(--dur) var(--ease)}.pill:hover{border-color:var(--g);transform:translateY(-1px)}.pill:active{transform:translateY(0) scale(.97)}.pill.on{background:var(--hdr);color:#fff;border-color:var(--hdr)}.sw{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.tile{border:1px solid var(--border-soft);border-radius:var(--r-md);padding:14px;background:#fff;display:flex;flex-direction:column;gap:6px;box-shadow:var(--sh-1);transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.tile:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}@container (max-width: 420px){.kpis,.tiles{grid-template-columns:1fr 1fr}.kpi-v{font-size:26px}}.loading{padding:40px;text-align:center;color:var(--mute)}@media print{.card,.kpi,.tile{box-shadow:none;transform:none}.rt th{position:static}}}@layer motion{@media (prefers-reduced-motion: no-preference){@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{opacity:.45}50%{opacity:1}to{opacity:.45}}.card{animation:rise .5s var(--ease) both}.grid>.card:nth-child(2){animation-delay:.06s}.grid>.card:nth-child(3){animation-delay:.12s}.grid>.card:nth-child(n+4){animation-delay:.18s}.bar-f{transition:width .6s var(--ease)}.loading{animation:shimmer 1.4s ease-in-out infinite}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation:none!important;scroll-behavior:auto!important}}}