:root{--red:#e30613;--dark:#20252b;--muted:#68717b;--line:#dfe3e6;--bg:#f4f6f7;--ok:#198754}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--dark);font:15px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}header{background:#fff;border-bottom:4px solid var(--red);position:sticky;top:0;z-index:5}.bar{max-width:1200px;margin:auto;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem}.brand{font-weight:800;color:var(--red);font-size:1.1rem}.brand span{color:var(--dark)}nav{display:flex;gap:.25rem;flex-wrap:wrap;margin-left:auto}nav a{padding:.45rem .6rem;border-radius:.4rem}.container{max-width:1200px;margin:1.2rem auto;padding:0 1rem}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.card{grid-column:span 4;background:#fff;border:1px solid var(--line);border-radius:.75rem;padding:1rem;box-shadow:0 1px 2px #0000000a}.wide{grid-column:span 8}.full{grid-column:1/-1}.metric{font-size:2rem;font-weight:750}.muted{color:var(--muted)}h1{font-size:1.65rem;margin:.2rem 0 1rem}h2{font-size:1.15rem}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:.7rem;border-bottom:1px solid var(--line)}th{font-size:.8rem;text-transform:uppercase;color:var(--muted)}label{display:block;font-weight:650;margin:.65rem 0 .25rem}input,select,textarea{width:100%;padding:.65rem;border:1px solid #b9c0c5;border-radius:.4rem;background:#fff;font:inherit}textarea{min-height:6rem}.row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.btn{display:inline-block;border:0;background:var(--red);color:#fff;padding:.65rem .9rem;border-radius:.45rem;font-weight:700;cursor:pointer}.badge{display:inline-block;border-radius:99px;padding:.18rem .5rem;background:#e8ecef;font-size:.78rem}.flash{padding:.8rem;border-left:4px solid var(--ok);background:#eaf7ef;margin-bottom:1rem}.actions{display:flex;gap:.5rem;flex-wrap:wrap}.danger{color:#b0000b}.login{max-width:440px;margin:8vh auto}.public{max-width:720px}.signature{border:2px dashed var(--line);padding:1rem;border-radius:.5rem}.bottomnav{display:none}a{color:#9e0710;text-decoration:none}@media(max-width:760px){.card,.wide{grid-column:1/-1}.row{grid-template-columns:1fr}nav{display:none}.container{padding:0 .7rem;margin-bottom:5rem}table{display:block;overflow:auto}.bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);justify-content:space-around;padding:.6rem;z-index:9}.bottomnav a{font-size:.78rem}.metric{font-size:1.65rem}}

