:root{--red:#b5121b;--dark:#14202a;--bg:#f3f6f8;--line:#dce3e8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#17212b;font:16px/1.5 Arial,sans-serif}.container{width:min(100% - 32px,1050px);margin:auto}header{background:var(--dark);border-bottom:4px solid var(--red);color:#fff;padding:18px 0}.bar{display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{font-weight:bold;font-size:1.15rem}.link{color:#fff;text-decoration:none;margin-left:14px}.button{display:inline-block;background:var(--red);border:0;border-radius:5px;color:#fff;cursor:pointer;font:inherit;font-weight:bold;padding:10px 14px;text-decoration:none}.button:hover{background:#850b12}.secondary{background:#e4e9ed;color:#17212b}.danger{background:#8c1d25}main{padding:38px 0}h1{margin:0 0 8px}.intro{color:#61707d;margin:0 0 24px}.card{background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 4px 14px #0000000c}.table-wrap{overflow:auto}table{border-collapse:collapse;min-width:680px;width:100%}th,td{border-bottom:1px solid var(--line);padding:13px;text-align:left}th{background:#f7f9fa;color:#56636e;font-size:.82rem;text-transform:uppercase}.tag{background:#fce9ea;border-radius:99px;color:#97141b;display:inline-block;font-size:.8rem;font-weight:bold;margin:2px;padding:3px 8px}.form{padding:24px;max-width:700px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-weight:bold}input[type=text],input[type=date],input[type=time]{border:1px solid #bac5cc;border-radius:5px;display:block;font:inherit;margin-top:6px;padding:10px;width:100%}.checks{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px}.checks label{font-weight:normal}.actions{display:flex;gap:10px;margin-top:26px}.error{color:#a40000;font-size:.9rem}.login{margin:70px auto;max-width:400px}@media(max-width:600px){.bar{align-items:flex-start;flex-direction:column}.link{margin-left:0;margin-right:12px}.grid{grid-template-columns:1fr}}