*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#f3f5f7;color:#17212b}.wrap{max-width:1180px;margin:auto;padding:14px}.card{background:white;border-radius:16px;padding:18px;margin:14px 0;box-shadow:0 3px 14px #0001}.top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.brand{font-size:24px;font-weight:800}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}label{font-weight:bold;font-size:13px;display:block;margin:5px 0}input,select,textarea{width:100%;padding:12px;border:1px solid #ccd4db;border-radius:10px;font-size:16px}.btn,button{display:inline-block;padding:12px 15px;border:0;border-radius:10px;background:#174d75;color:white;text-decoration:none;font-weight:bold}.ok{background:#28733c}.bad{background:#a42b2b}.punch{display:grid;grid-template-columns:1fr 1fr;gap:12px}.punch button{width:100%;height:76px;font-size:18px}.big{width:100%;font-size:18px;padding:16px}.flash{background:#fff0bd;padding:12px;border-radius:10px}.muted{font-size:13px;color:#6b7680}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:8px;border-bottom:1px solid #ddd;white-space:nowrap;font-size:12px}th{background:#174d75;color:white}.login{max-width:420px;margin:7vh auto}.login button{width:100%}@media(max-width:700px){.grid{grid-template-columns:1fr 1fr}.wrap{padding:9px}}@media(max-width:480px){.grid{grid-template-columns:1fr}.brand{font-size:21px}}