:root{--brand: #2f5233;--brand-dark: #1e3623;--brand-deep: #14261a;--brand-light: #e7efe4;--bark: #5b4632;--moss: #6b7a4f;--sand: #efe9dc;--canvas: #f7f4ec;--accent: #d2601a;--accent-dark: #b24e12;--accent-light: #fbead9;--text: #26241f;--text-muted: #6a6357;--border: #ded6c6;--surface: #ffffff;--background: #f7f4ec;--danger: #b3261e;--success: #2e7d32;--warning: #c77d00;--font-display: "Bitter", Georgia, "Times New Roman", serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius: 12px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(20, 38, 26, .06), 0 1px 3px rgba(20, 38, 26, .08);--shadow-md: 0 4px 12px rgba(20, 38, 26, .1);--shadow-lg: 0 18px 40px rgba(20, 38, 26, .16);--header-h: 64px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text);background-color:var(--canvas);background-image:radial-gradient(circle at 15% 12%,rgba(107,122,79,.06),transparent 42%),radial-gradient(circle at 88% 8%,rgba(210,96,26,.05),transparent 40%),radial-gradient(circle at 50% 120%,rgba(47,82,51,.08),transparent 55%);background-attachment:fixed;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;color:var(--brand-deep);line-height:1.15}p{margin:0 0 1rem}a{color:var(--brand);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent-dark)}button{font:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--accent);color:#fff}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-dark);background:var(--accent-light);border:1px solid rgba(210,96,26,.25);padding:6px 14px;border-radius:999px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.stat-grid .card:hover,.card--interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#2f523359}.card h3{color:var(--brand-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;background:var(--accent);background-image:linear-gradient(180deg,#e06a20,var(--accent-dark));color:#fff;border:1px solid rgba(0,0,0,.05);border-radius:999px;font-family:var(--font-body);font-weight:700;font-size:15px;letter-spacing:.01em;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;text-decoration:none}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);filter:saturate(1.05);color:#fff}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:transparent;background-image:none;color:var(--brand);border:1.5px solid var(--brand);box-shadow:none}.btn-secondary:hover{background:var(--brand);color:#fff}.input{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #2f523326}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.table th,.table td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--border)}.table th{background:var(--brand-light);font-family:var(--font-body);font-weight:700;color:var(--brand-dark);font-size:13px;letter-spacing:.04em;text-transform:uppercase}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:#6b7a4f12}.table tbody tr:last-child td{border-bottom:none}.site-header{position:sticky;top:0;z-index:50;background:#1e3623d9;backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-sm)}.site-header__inner{display:flex;align-items:center;gap:16px;min-height:var(--header-h);padding:10px 20px}.brand-mark{display:inline-flex;align-items:center;gap:10px;color:#fff;font-family:var(--font-display);font-weight:800;font-size:21px;letter-spacing:-.01em}.brand-mark svg{flex:none}.brand-mark__img{flex:none;width:34px;height:34px;border-radius:9px;object-fit:cover;box-shadow:0 1px 3px #00000059}.site-nav{display:flex;gap:6px;margin-left:auto;align-items:center}.nav-link{color:#ffffffd1;font-weight:600;font-size:15px;padding:8px 14px;border-radius:999px;transition:color .15s ease,background .15s ease}.nav-link:hover{color:#fff;background:#ffffff1a}.nav-link--active{color:#fff;background:#ffffff29}.nav-link--active{box-shadow:inset 0 -2px 0 var(--accent)}.nav-toggle{display:none;margin-left:auto;background:transparent;border:1.5px solid rgba(255,255,255,.3);color:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;line-height:0}.hero{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--brand-deep) 0%,var(--brand) 55%,var(--moss) 130%);color:#fff;isolation:isolate}.hero:before{content:"";position:absolute;top:-20%;right:-10%;bottom:-30%;left:-10%;background-image:repeating-radial-gradient(circle at 78% 18%,transparent 0 22px,rgba(255,255,255,.05) 22px 23px),repeating-radial-gradient(circle at 20% 90%,transparent 0 30px,rgba(210,96,26,.08) 30px 31px);z-index:-1;pointer-events:none}.hero__inner{padding:92px 20px 84px;text-align:center;position:relative}.hero h1{color:#fff;font-size:clamp(34px,5.5vw,56px);margin:18px 0 0;max-width:18ch;margin-inline:auto}.hero__lead{font-size:clamp(17px,2.2vw,20px);color:#ffffffdb;max-width:640px;margin:18px auto 0}.hero__cta{display:flex;gap:14px;justify-content:center;margin-top:32px;flex-wrap:wrap}.btn-ghost{background:#ffffff1a;background-image:none;color:#fff;border:1.5px solid rgba(255,255,255,.55);box-shadow:none}.btn-ghost:hover{background:#fff3;color:#fff}.section{padding:72px 20px}.section__head{max-width:720px;margin:0 auto 44px;text-align:center}.section__head h2{font-size:clamp(26px,3.5vw,38px);margin:12px 0 0}.section__head p{color:var(--text-muted);font-size:17px;margin:12px 0 0}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--brand-light);color:var(--brand);margin-bottom:16px}.feature-icon svg{width:26px;height:26px}.site-footer{background:var(--brand-deep);color:#cfe0cf;margin-top:64px;border-top:4px solid var(--accent)}.site-footer a{color:#cfe0cf}.site-footer a:hover{color:#fff}.site-footer__inner{padding:40px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.site-footer__links{display:flex;gap:24px;flex-wrap:wrap}.app-shell{display:flex;min-height:100vh}.app-nav{width:256px;background:linear-gradient(180deg,var(--brand-dark),var(--brand-deep));color:#fff;padding:20px 16px;display:flex;flex-direction:column;gap:4px;border-right:1px solid rgba(255,255,255,.06)}.app-nav__brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:20px;color:#fff;padding:4px 8px 16px}.app-nav__group-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff73;padding:16px 10px 6px}.app-nav__link{display:flex;align-items:center;gap:10px;color:#ffffffd1;text-decoration:none;padding:10px 12px;border-radius:10px;font-weight:600;font-size:15px;transition:background .15s ease,color .15s ease}.app-nav__link:hover{background:#ffffff14;color:#fff}.app-nav__link--active{background:#ffffff24;color:#fff;box-shadow:inset 3px 0 0 var(--accent)}.app-nav__link svg{width:18px;height:18px;flex:none;opacity:.9}.app-nav__spacer{margin-top:auto}.app-main{flex:1;padding:32px;overflow-x:auto}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em}.badge-ok{background:var(--brand-light);color:var(--success)}.badge-bad{background:#f7e0de;color:var(--danger)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.rise{animation:rise .5s ease both}@media(max-width:860px){.nav-toggle{display:inline-flex}.site-nav{position:absolute;top:var(--header-h);left:0;right:0;flex-direction:column;align-items:stretch;gap:4px;padding:12px 16px 18px;background:var(--brand-dark);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-md)}.site-nav[data-open=false]{display:none}.nav-link{padding:12px 14px}}@media(max-width:768px){.app-shell{flex-direction:column}.app-nav{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px}.app-nav__brand,.app-nav__group-label{padding:4px 8px;width:100%}.app-nav__group-label{display:none}.app-nav__spacer{margin-top:0;margin-left:auto}.app-main{padding:20px}.stat-grid{grid-template-columns:1fr}.hero__inner{padding:64px 20px 56px}.section{padding:48px 20px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}