:root{--color-primary-dark:#0b4423;--color-accent:#f60;--color-gray-light:#f5f5f5;--color-gray-mid:#d1d5db;--color-white:#fff;--border-radius:12px;--transition-fast:.2s ease-in-out}.landing-tabs{background:var(--color-gray-light);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 12px #00000014}.landing-tabs__header{background:var(--color-primary-dark);display:flex}.landing-tabs__tab{text-align:center;color:var(--color-white);cursor:pointer;transition:var(--transition-fast);flex:1;padding:.75rem 1rem;font-weight:600}.landing-tabs__tab:hover{background:#ff66001a}.landing-tabs__tab--active{background:var(--color-accent);color:var(--color-white)}.landing-tabs__panel{animation:fadeSlide .3s var(--transition-fast);padding:1.5rem}@keyframes fadeSlide{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.kpi-card{background:var(--color-white);border:1px solid var(--color-gray-mid);border-radius:var(--border-radius);transition:var(--transition-fast);cursor:pointer;padding:1rem;box-shadow:0 2px 6px #0000000a}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.kpi-status{border-radius:50%;width:12px;height:12px;margin-right:.5rem;display:inline-block}.kpi-status--ok{background:#28a745}.kpi-status--warning{background:#ffc107}.kpi-status--critical{background:#dc3545}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--border-radius);background:#fffffff2;width:95%;max-width:1000px;padding:2rem;position:relative;box-shadow:0 8px 24px #0003}.modal-close{cursor:pointer;color:#555;background:0 0;border:none;font-size:1.25rem;position:absolute;top:.75rem;right:.75rem}.copy-btn{background:var(--color-accent);color:var(--color-white);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition-fast);border:none;margin-top:1rem;padding:.5rem 1rem}.copy-btn:hover{opacity:.9}