.ff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-bottom:24px}.ff-card{background:var(--sf);border:.5px solid var(--bd);border-radius:var(--rl);padding:20px;transition:transform var(--tr),box-shadow var(--tr)}.ff-card:hover{transform:translateY(-2px);box-shadow:var(--s-md)}.ff-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.ff-key{font-family:monospace;font-size:13px;font-weight:700;color:var(--i5);direction:ltr;display:inline-block}.ff-name{font-size:14px;font-weight:600;margin-top:4px}.ff-badge{font-size:10px;font-weight:700;padding:3px 10px;border-radius:999px}.fb-active{background:var(--g1);color:var(--g6)}.fb-testing{background:var(--a1);color:#92400E}.fb-disabled{background:var(--s2);color:var(--t3)}.env-badges{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}.env-badge{font-size:9px;font-weight:600;padding:2px 8px;border-radius:4px;border:.5px solid var(--bd)}.env-prod{background:var(--g1);color:var(--g6);border-color:var(--g6)}.env-stg{background:var(--a1);color:#92400E;border-color:#F59E0B}.env-dev{background:var(--i1);color:var(--i5);border-color:var(--i5)}.ff-meta{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:.5px solid var(--bd)}.ff-rollout{font-size:12px;color:var(--t2)}.ff-rollout strong{color:var(--tx)}.rollout-bar{width:100%;height:6px;background:var(--s2);border-radius:3px;margin-top:6px;overflow:hidden}.rollout-fill{height:100%;border-radius:3px;background:var(--i5);transition:width .3s}.ff-actions{display:flex;gap:6px}.ff-actions button{padding:4px 10px;border:.5px solid var(--bd);border-radius:6px;background:var(--sf);color:var(--tx);font-size:11px;cursor:pointer}.ff-actions button:hover{background:var(--s2)}@media(max-width:640px){.ff-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)!important}}