:root{--r:#a8001c;--d:#171717;--l:#f3f4f6}*{box-sizing:border-box}body{margin:0;font-family:Arial;background:var(--l)}header{height:70px;background:var(--d);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 20px}header small{display:block;color:#bbb}header a{color:#fff}.layout{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 70px)}nav{background:#fff;padding:14px}nav a{display:block;padding:11px;text-decoration:none;color:#222;font-weight:700;border-radius:7px}nav a:hover{background:var(--r);color:#fff}main{padding:20px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card,.panel{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 10px #0001}.card{border-left:5px solid var(--r)}.card b{display:block;font-size:25px;margin-top:8px}.panel{margin-top:16px}.top{display:flex;justify-content:space-between}.btn,button{background:var(--r);color:#fff;border:0;border-radius:7px;padding:10px 14px;text-decoration:none;font-weight:700}.small{background:#333;color:#fff;padding:7px;border-radius:5px;text-decoration:none}.danger{background:#c82333}.inline{display:inline}.search{display:flex;gap:8px;max-width:550px;margin:10px 0}.search input{flex:1}input,select,textarea{width:100%;padding:9px;border:1px solid #bbb;border-radius:7px}table{width:100%;border-collapse:collapse}th,td{padding:9px;border-bottom:1px solid #ddd;text-align:left}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wide{grid-column:1/-1}.pay{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:6px}.flash{padding:10px;border-radius:7px;margin-bottom:10px}.ok{background:#d1e7dd}.bad{background:#f8d7da}.login{display:grid;place-items:center;min-height:100vh;background:#222}.loginbox{width:min(430px,92vw);background:#fff;padding:24px;border-radius:14px}.loginbox input{margin:7px 0}@media(max-width:900px){.layout{grid-template-columns:1fr}nav{display:flex;overflow:auto}.cards{grid-template-columns:repeat(2,1fr)}.grid,.pay{grid-template-columns:1fr}}@media(max-width:520px){.cards{grid-template-columns:1fr}}