:root{--red:#c42026;--black:#171717;--surface:#f4f4f5;--ink:#242424;--muted:#707070}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font:15px/1.5 Arial,sans-serif}.topbar{background:var(--black);color:#fff;padding:14px 24px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:21px;font-weight:800;color:#fff;text-decoration:none}.brand span{color:#ee4249}.shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 52px)}.sidebar{padding:18px;background:#fff;border-right:1px solid #ddd}.sidebar a{display:block;padding:9px 10px;color:var(--ink);text-decoration:none;border-radius:4px}.sidebar a:hover{background:#f6e7e7;color:var(--red)}.content{padding:30px;max-width:1180px;width:100%}.card{background:#fff;border:1px solid #e3e3e3;border-radius:5px;padding:22px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric strong{display:block;font-size:30px}.muted{color:var(--muted)}h1{margin-top:0}.button,button{display:inline-block;background:var(--red);border:0;color:#fff;padding:10px 14px;border-radius:4px;text-decoration:none;font-weight:700;cursor:pointer}.button.secondary{background:#333}.button.light{background:#eee;color:#222}form{display:grid;gap:12px;max-width:760px}label{font-weight:700;display:grid;gap:4px}input,select,textarea{font:inherit;padding:9px;border:1px solid #bbb;border-radius:4px;background:#fff}textarea{min-height:110px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #e5e5e5}.badge{font-size:12px;background:#eee;border-radius:99px;padding:3px 8px;text-transform:uppercase}.notice{padding:12px;background:#f8e2e3;border-left:4px solid var(--red);margin-bottom:18px}.login{max-width:420px;margin:9vh auto}.document{max-width:820px;margin:40px auto;background:#fff;padding:44px;box-shadow:0 2px 18px #0001}.document-head{border-bottom:4px solid var(--red);padding-bottom:16px;margin-bottom:26px}.document table{margin:24px 0}.accept-actions{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:780px){.shell{grid-template-columns:1fr}.sidebar{display:flex;gap:4px;overflow:auto;padding:8px}.sidebar a{white-space:nowrap}.content{padding:18px}.grid{grid-template-columns:1fr}table{font-size:13px}.document{margin:0;padding:24px;box-shadow:none}}@media print{.topbar,.sidebar,.no-print{display:none}.shell{display:block}.content{padding:0}.document{box-shadow:none;margin:0;max-width:none}}
