:root{--ppp-primary:#0b6b2c;--ppp-primary-600:#0a5e27;--ppp-dark:#064d1e;--ppp-accent:#c9a227;--ppp-light:#e8f3ec;--ppp-bg:#f4f7f5;--ppp-surface:#fff;--ppp-border:#e2ebe5;--ppp-text:#16241b;--ppp-muted:#5f7268;--ppp-danger:#c0392b;--ppp-warn:#d98a00;--ppp-ok:#1f9d55;--radius:14px;--shadow-sm:0 1px 2px rgba(6,77,30,.06),0 1px 3px rgba(6,77,30,.08);--shadow-md:0 6px 20px rgba(6,77,30,.1);--shadow-lg:0 18px 50px rgba(6,77,30,.18);--font:"Inter","Segoe UI",system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:var(--font);color:var(--ppp-text);background:var(--ppp-bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.card{background:var(--ppp-surface);border:1px solid var(--ppp-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;border:1px solid transparent;font-weight:600;font-size:14px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:var(--ppp-primary);color:#fff}.btn-primary:hover{background:var(--ppp-primary-600);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--ppp-primary);border-color:var(--ppp-border)}.btn-ghost:hover{background:var(--ppp-light)}.input{width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--ppp-border);background:#fff;font-size:14px;color:var(--ppp-text);transition:border-color .12s ease,box-shadow .12s ease}.input:focus{outline:none;border-color:var(--ppp-primary);box-shadow:0 0 0 3px rgba(11,107,44,.12)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-ok{background:#e6f6ec;color:var(--ppp-ok)}.badge-warn{background:#fdf1dc;color:var(--ppp-warn)}.badge-danger{background:#fde7e4;color:var(--ppp-danger)}.badge-muted{background:#eef2ef;color:var(--ppp-muted)}.skeleton{background:linear-gradient(90deg,#eef2ef 25%,#f6faf7 37%,#eef2ef 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:8px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.scroll-thin::-webkit-scrollbar{width:8px;height:8px}.scroll-thin::-webkit-scrollbar-thumb{background:#cdddd2;border-radius:8px}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}