:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}.app{max-width:1000px;margin:auto;padding:18px}header{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}header h1{margin:0}header p{margin:4px 0;color:#667085}select,input,textarea{font:inherit;border:1px solid #cbd5e1;border-radius:10px;padding:11px;background:#fff;width:100%}textarea{min-height:100px}nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}nav button,.btn{border:0;border-radius:10px;padding:11px 14px;font:inherit;cursor:pointer}nav button{background:#e8eef8}nav button.active{background:#2457d6;color:#fff}.card,.hero{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px;margin-bottom:16px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.metric{background:#f7f9fc;border-radius:14px;padding:14px;text-align:center}.metric strong{display:block;font-size:24px;margin-top:4px}.bar{height:12px;background:#e5e7eb;border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;background:#2457d6}.hint{color:#667085}.primary{background:#2457d6;color:#fff}.secondary{background:#eef2f7}.danger{background:#fee2e2;color:#991b1b}.full{width:100%;margin-top:14px}.sectionHead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.requestList{display:grid;gap:10px}.request{border:1px solid #e2e8f0;border-radius:14px;padding:14px;display:flex;justify-content:space-between;gap:14px;align-items:center}.request p{margin:5px 0}.actions{display:flex;gap:7px;flex-wrap:wrap}.chip{display:inline-block;background:#eef2f7;border-radius:999px;padding:4px 8px;font-size:12px}.chip.consume{background:#fff7ed;color:#9a3412}.personGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.person{border:1px solid #e2e8f0;border-radius:14px;padding:14px}.person span,.person small{display:block;margin-top:7px}.adminRow{display:flex;gap:8px;align-items:center;margin:10px 0}.adminRow input{width:auto}.overlay{position:fixed;inset:0;background:#0008;display:grid;place-items:center;padding:14px;z-index:20;overflow:auto}.modal{background:#fff;border-radius:18px;padding:18px;width:min(720px,100%);max-height:95vh;overflow:auto}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal label{display:block;margin-bottom:12px}.modal label input,.modal label select,.modal label textarea{margin-top:6px}.notice{padding:12px;background:#eef6ff;border-radius:12px;margin:12px 0}.notice.error{background:#fee2e2;color:#991b1b}.signatureCanvas{width:100%;height:170px;border:2px dashed #94a3b8;border-radius:12px;background:#fff;touch-action:none}.signatureBox .btn{margin-top:8px}button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:650px){.app{padding:12px}.metrics,.formGrid{grid-template-columns:1fr}.request{flex-direction:column;align-items:stretch}.actions .btn{flex:1}}