:root{--red:#da291c;--ink:#222;--line:#e8e8e8;--bg:#f6f7f8;--green:#168447;--amber:#bd7400}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px Arial,sans-serif}header{height:70px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2));border-bottom:1px solid var(--line)}header div{display:flex;gap:15px;align-items:center}header b{font:700 32px Arial;color:var(--red);letter-spacing:-2px}header span{color:#777;border-left:1px solid #ddd;padding-left:15px}nav{display:flex;gap:22px}a{color:#4e4e4e;text-decoration:none}nav a:hover,.table-card td>a:hover{color:var(--red)}main{max-width:1180px;margin:auto;padding:42px 24px 70px}.hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.hero h1{font-size:29px;margin:0 0 6px}.hero p{margin:0;color:#717171}.primary,button{background:var(--red);color:#fff;border:0;border-radius:7px;padding:12px 17px;font-weight:bold;cursor:pointer}.table-card,.form-card,.event,.card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 10px #00000008}.table-card{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#777;padding:16px 18px;border-bottom:1px solid var(--line)}td{padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:middle}td strong,td>a,small{display:block}td>a{font-size:12px;margin-top:5px;color:#777}.secondary{padding:9px 12px;background:#fff;color:#555;border:1px solid #d6d6d6}.status{display:inline-block;padding:5px 8px;border-radius:20px;background:#eef0f2;color:#62707c;font-size:12px;font-weight:bold;text-transform:uppercase}.status.ok{color:var(--green);background:#e3f4e9}.status.changed,.status.error{color:#a5261d;background:#fde7e4}.status.baseline{color:#176c9c;background:#e4f2fa}small{font-size:12px;color:#777;margin-top:5px}.form-card{padding:25px;margin-top:28px}.form-card h2{margin:0 0 18px}.grid{display:grid;grid-template-columns:1.1fr 2fr 1fr auto;gap:12px}.grid input,.login input{border:1px solid #d4d6da;border-radius:7px;padding:12px;font:inherit;width:100%}.flash{background:#e3f4e9;color:#17693d;border-radius:8px;padding:13px;margin-bottom:20px}.history{display:grid;gap:14px}.event{padding:18px;border-left:4px solid #b4bbc0}.event.changed,.event.error{border-left-color:var(--red)}.event h3{margin:12px 0 4px}.event time{color:#777;font-size:13px;margin-left:9px}.event ul{padding-left:20px;line-height:1.6}.event .shot{font-weight:bold;color:var(--red);font-size:13px}.error{color:#b4241b}.login{display:grid;place-items:center;min-height:100vh}.login .card{width:min(390px,90vw);padding:30px}.login h1{color:var(--red);margin-top:0}.login button{width:100%;margin-top:12px}@media(max-width:760px){header{padding:0 18px}header span{display:none}main{padding:28px 16px}.hero{align-items:flex-start;gap:15px;flex-direction:column}.grid{grid-template-columns:1fr}.table-card{margin:0 -16px;border-radius:0}.table-card table{min-width:760px}}