:root{font-family:system-ui,sans-serif;color:#17202a;background:#f6f7f9}*{box-sizing:border-box}body{margin:0}.wrap{max-width:1100px;margin:0 auto;padding:16px}.card{background:#fff;border:1px solid #e2e6ea;border-radius:12px;padding:16px;margin:12px 0}button{background:#14532d;color:#fff;border:0;border-radius:8px;padding:9px 14px;cursor:pointer}input,select,textarea{width:100%;padding:9px;margin:6px 0;border:1px solid #ccd;border-radius:8px}nav{display:flex;gap:8px;flex-wrap:wrap}nav button{background:#e8ecef;color:#17202a}nav button.on{background:#14532d;color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.badge{background:#eef;padding:2px 8px;border-radius:99px;font-size:12px}table{width:100%;border-collapse:collapse}td,th{padding:8px;border-bottom:1px solid #eee;text-align:left}@media (max-width:640px){.wrap{padding:10px}.card{padding:12px}table{display:block;overflow-x:auto}td,th{padding:6px}h1{font-size:22px}}