:root{--ink:#17211b;--muted:#657269;--green:#0b6b45;--lime:#d9ff74;--paper:#f4f6f2;--white:#fff;--line:#dce3dc;--danger:#a33}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{background:#10271d;color:white;padding:28px 20px}.brand{font-size:22px;font-weight:800;margin-bottom:38px}.brand small{display:block;color:#9ab5a7;font-size:11px;letter-spacing:2px;margin-top:4px}.nav a{display:block;padding:12px 14px;border-radius:10px;margin:5px 0;color:#d6e3dc}.nav a:hover{background:#1c3a2d;color:white}.main{padding:38px;max-width:1400px}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}h1{font-size:32px;margin:0}h2{margin:0 0 18px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 2px 10px #1833230a}.metric{font-size:34px;font-weight:800;margin:8px 0}.pill{padding:5px 9px;border-radius:99px;background:#e5f5eb;color:var(--green);font-size:12px}.btn,.pill{display:inline-block;font-weight:700}.btn{border:0;border-radius:10px;background:var(--green);color:white;padding:11px 16px;cursor:pointer}.btn.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.table{width:100%;border-collapse:collapse;background:white;border-radius:14px;overflow:hidden}.table td,.table th{text-align:left;padding:14px;border-bottom:1px solid var(--line)}.table th{font-size:12px;color:var(--muted);text-transform:uppercase}.login{min-height:100vh;display:grid;place-items:center;background:#10271d}.login .card{width:min(420px,92vw);padding:36px}.field{display:grid;grid-gap:7px;gap:7px;margin:16px 0}.field input,.field select,.field textarea{padding:12px;border:1px solid var(--line);border-radius:9px;background:white}.empty{padding:40px;text-align:center}.actions{display:flex;gap:10px;flex-wrap:wrap}.alert{padding:12px;border-radius:10px;background:#ffe9e7;color:#8a261e}.undertaking{max-width:850px;margin:auto}.undertaking-head{display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:20px;margin-bottom:24px}.signature-pad{display:block;width:100%;height:190px;border:1px solid var(--line);border-radius:10px;background:white;touch-action:none}.scanner{position:fixed;inset:0;background:#07130dcc;display:grid;place-items:center;padding:20px;z-index:20}.scanner-box{background:white;border-radius:16px;padding:20px;width:min(680px,100%)}.scanner-video{display:block;width:100%;max-height:60vh;background:#111;border-radius:12px;object-fit:cover}@media(max-width:800px){.shell{grid-template-columns:1fr}.side{padding:18px}.nav{display:flex;overflow:auto}.nav a{white-space:nowrap}.main{padding:22px}.grid{grid-template-columns:1fr}}@media print{.no-print,.side,.top{display:none!important}.shell{display:block}.main{padding:0}.card{box-shadow:none;border:0}.undertaking{max-width:none}}