:root{font-family:Segoe UI,Verdana,sans-serif;color:#132332;background:radial-gradient(circle at 10% 8%,rgba(20,184,166,.08),transparent 26%),radial-gradient(circle at 88% 12%,rgba(245,158,11,.08),transparent 24%),radial-gradient(circle at 76% 66%,rgba(59,130,246,.07),transparent 22%),linear-gradient(180deg,#f4f6f8,#f8fafc 48%,#eef3f7);line-height:1.5;font-weight:400;color-scheme:light;--bg: #f6f9fb;--surface: rgba(255, 255, 255, .86);--surface-strong: #ffffff;--surface-muted: rgba(245, 248, 251, .95);--border: rgba(19, 35, 50, .1);--border-strong: rgba(19, 35, 50, .16);--text: #132332;--text-muted: #5f7182;--teal: #0f766e;--teal-soft: rgba(15, 118, 110, .14);--sky: #2563eb;--sky-soft: rgba(37, 99, 235, .12);--amber: #d97706;--amber-soft: rgba(217, 119, 6, .12);--coral: #ea580c;--coral-soft: rgba(234, 88, 12, .1);--olive: #65a30d;--olive-soft: rgba(101, 163, 13, .1);--shadow-soft: 0 16px 42px rgba(15, 23, 42, .07);--shadow-strong: 0 24px 64px rgba(15, 23, 42, .12)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{position:relative;width:100%;min-height:100vh;padding:clamp(14px,2vw,28px);overflow:hidden}.ambient{position:absolute;width:32rem;height:32rem;filter:blur(18px);opacity:.5;pointer-events:none}.ambient-left{top:-10rem;left:-8rem;background:radial-gradient(circle,rgba(20,184,166,.16),transparent 62%)}.ambient-right{top:4rem;right:-10rem;background:radial-gradient(circle,rgba(245,158,11,.14),transparent 60%)}.hero,.main-content{position:relative;z-index:1}.hero{padding:clamp(22px,4vw,42px);border-radius:30px;background:linear-gradient(135deg,#102c3bf7,#0f172af2),linear-gradient(90deg,#0f766e,#1d4ed8,#f59e0b);color:#f8fafc;box-shadow:var(--shadow-strong);border:1px solid rgba(255,255,255,.08)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.95fr);gap:24px;align-items:stretch}.hero h1{margin:6px 0 12px;max-width:16ch;font-family:Bahnschrift,Trebuchet MS,sans-serif;font-size:clamp(2.15rem,4vw,4.3rem);line-height:.98;letter-spacing:-.03em}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;opacity:.86}.hero-copy{max-width:58ch;margin:0;color:#f8fafcd6;font-size:1.02rem}.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.hero-tags span{padding:9px 12px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);color:#f8fafcf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-panel{display:grid;gap:12px;align-content:start}.hero-panel-card{display:grid;gap:6px;padding:16px 18px;border-radius:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-panel-card strong{font-size:1rem}.hero-panel-card span{color:#f8fafcbf}.accent-teal{box-shadow:inset 3px 0 #2dd4bfcc}.accent-amber{box-shadow:inset 3px 0 #fbbf24d9}.accent-sky{box-shadow:inset 3px 0 #60a5fae6}.main-content{margin-top:20px;display:grid;gap:20px}.nav-shell{display:grid;gap:10px}.status-note{margin:0;color:var(--text-muted);font-size:.92rem}.tab-nav{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.tab-button{position:relative;display:grid;gap:6px;border:1px solid var(--border);border-radius:22px;padding:16px 18px;background:linear-gradient(180deg,#ffffffeb,#f6fafce0);text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;box-shadow:var(--shadow-soft)}.tab-button:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:22px 0 0 22px;background:linear-gradient(180deg,var(--teal),var(--sky),var(--amber));opacity:0;transition:opacity .16s ease}.tab-button:hover,.tab-button:focus-visible{transform:translateY(-2px);border-color:#0f766e47}.tab-button.active{background:linear-gradient(180deg,#fff,#f7fbfd);border-color:#0f766e52}.tab-button.active:before{opacity:1}.tab-button span{display:block;font-weight:700;font-size:1rem}.tab-button small{color:var(--text-muted)}.page-grid,.dual-grid,.triple-grid,.stats-grid{display:grid;gap:18px}.page-grid{align-items:start}.dual-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.triple-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))}.compact-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card{padding:clamp(18px,2vw,24px);border-radius:26px;background:var(--surface);border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.section-header h2,.section-header h3{margin:0;font-family:Bahnschrift,Trebuchet MS,sans-serif;letter-spacing:-.02em}.section-header p{margin:4px 0 0;color:var(--text-muted)}.responsive-row,.inline-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.inline-controls label,.section-header label,.page-size,.filter-control{display:grid;gap:6px;font-weight:600;color:#203444}.inline-controls button,.pagination button,.filter-actions button,.section-header button{min-height:42px;border:1px solid transparent;border-radius:14px;padding:10px 16px;background:linear-gradient(135deg,var(--teal),#0f8f85);color:#fff;box-shadow:0 10px 24px #0f766e2e}.pagination button[disabled]{opacity:.45;box-shadow:none;cursor:not-allowed}input,select{min-height:42px;border-radius:14px;border:1px solid var(--border);padding:0 12px;background:#fffffff0;color:var(--text)}input:focus-visible,select:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid rgba(37,99,235,.34);outline-offset:2px}.filter-panel{border:1px solid var(--border);border-radius:22px;background:linear-gradient(180deg,#fbfdfff2,#f5f9fbeb);margin-bottom:16px}.filter-panel summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;cursor:pointer;list-style:none}.filter-panel summary span:last-child{padding:6px 10px;border-radius:999px;background:var(--teal-soft);color:var(--teal);font-weight:700}.filter-panel-body{padding:0 18px 18px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.filter-control.full{grid-column:1 / -1}.filter-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.filter-hint{color:var(--sky);font-size:.84rem;font-weight:700}.range-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.filter-actions{display:flex;align-items:end}.stat-card{position:relative;overflow:hidden;padding:18px;border-radius:22px;background:linear-gradient(180deg,#fffffffa,#f5f9fceb),linear-gradient(90deg,var(--teal-soft),var(--sky-soft),var(--amber-soft));border:1px solid var(--border);min-height:122px}.stat-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,var(--teal),var(--sky),var(--amber),var(--coral),var(--olive));opacity:.75}.stat-card.compact{min-height:auto;padding:16px}.stat-card p,.stat-card span,.stat-card h3{margin:0}.stat-card p,.stat-card span{color:var(--text-muted)}.stat-card h3{margin-top:8px;font-size:clamp(1.55rem,2vw,2rem);font-family:Bahnschrift,Trebuchet MS,sans-serif;letter-spacing:-.03em}.table-wrap{width:100%;overflow:auto;border-radius:18px;border:1px solid var(--border);background:#ffffffd1}.data-table{width:100%;min-width:720px;border-collapse:collapse;background:#ffffffeb}.data-table th,.data-table td{padding:12px 14px;border-bottom:1px solid rgba(19,35,50,.06);vertical-align:top}.data-table th{position:sticky;top:0;z-index:1;background:#f4f8fbf5;text-align:left;font-size:.92rem}.data-table tbody tr:nth-child(2n){background:#f7fafcb3}.data-table tbody tr:hover{background:#e2f7f475}.data-table .numeric{text-align:right}.sort-button,.link-button{padding:0;border:none;background:transparent;color:inherit;font:inherit}.sort-button{font-weight:700}.sort-button span{color:var(--sky)}.link-button{color:var(--teal);text-decoration:underline}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.pagination-controls{display:flex;gap:10px;align-items:center}.pagination-pill{padding:8px 12px;border-radius:999px;background:#ffffffe6;border:1px solid var(--border);color:var(--text-muted)}.chart-card{min-height:420px}.error-banner{margin:0;padding:14px 16px;border-radius:18px;border:1px solid rgba(220,38,38,.14);background:#fef2f2eb;color:#991b1b}.empty-state{text-align:center;color:var(--text-muted)}@media(max-width:1080px){.hero-grid,.tab-nav{grid-template-columns:1fr}}@media(max-width:720px){.app-shell{padding:12px}.hero{border-radius:24px}.card{border-radius:22px}.range-grid{grid-template-columns:1fr}.data-table{min-width:620px}}