:root{--nav:#0f2740;--blue:#1677ff;--bg:#f4f7fb;--text:#1b2633;--muted:#6b7785;--border:#dce4ee;--green:#17a673;--red:#dc4c4c;--orange:#f39c3d}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#e9f2ff,#f8fbff)}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:0 20px 60px #16324f1c}.brand{font-weight:800;font-size:22px;color:var(--nav)}.muted{color:var(--muted);font-size:14px}.field{margin:14px 0}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:11px 12px;background:#fff}.btn{border:0;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn-primary{background:var(--blue);color:white}.btn-success{background:var(--green);color:white}.btn-danger{background:var(--red);color:white}.btn-light{background:#eef3f8;color:#243448}.btn-block{width:100%}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;background:var(--nav);color:#fff;padding:22px 14px}.sidebar .brand{color:#fff;padding:0 12px 22px}.nav a{display:block;color:#dbe7f2;padding:11px 12px;border-radius:9px;margin:3px 0}.nav a:hover,.nav a.active{background:#174f86;color:#fff}.main{margin-left:240px;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 5px 18px #1d355712}.stat .n{font-size:30px;font-weight:800}.stat .label{color:var(--muted);font-size:13px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px 10px;border-bottom:1px solid #edf1f5;text-align:left;font-size:14px}.table th{font-size:12px;color:#617082;text-transform:uppercase}.badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:12px;font-weight:700}.signed{background:#dff7eb;color:#11704f}.pending{background:#fff1d8;color:#8a5a00}.cancelled{background:#ffe3e3;color:#9d2929}.flash{padding:12px 14px;border-radius:10px;margin-bottom:16px;background:#e8f2ff;color:#14529b}.error{background:#ffe8e8;color:#9c2929}.actions{display:flex;gap:8px;flex-wrap:wrap}.page-title{margin:0;font-size:24px}
.receipt-sheet{background:#fff;width:794px;max-width:100%;margin:0 auto;padding:40px;border:1px solid #d8dde5;box-shadow:0 8px 30px #12263a1a;color:#111}.receipt-head{display:flex;gap:20px;align-items:center;border-bottom:2px solid #111;padding-bottom:16px}.receipt-logo{width:120px;height:70px;object-fit:contain}.receipt-title{text-align:center;font-size:28px;font-weight:900;margin:30px 0 6px}.receipt-control{text-align:center;font-size:13px;margin-bottom:26px}.receipt-text{font-size:15px;line-height:1.7;text-align:justify}.receipt-meta{width:100%;border-collapse:collapse;margin:22px 0}.receipt-meta td{border:1px solid #555;padding:8px;font-size:13px}.signature-box{margin:28px auto 10px;width:360px;max-width:100%;text-align:center}.signature-box img{max-width:320px;max-height:110px;object-fit:contain}.signature-line{border-top:1px solid #222;margin-top:4px;padding-top:5px;font-size:12px}
.sign-page{max-width:700px;margin:30px auto;padding:0 16px}.sign-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px}.canvas-wrap{border:2px dashed #aab7c4;border-radius:12px;background:#fff;height:260px;touch-action:none}.canvas-wrap canvas{width:100%;height:100%;display:block}.search-row{display:flex;gap:10px;flex-wrap:wrap}.search-row>*{min-width:160px}.logo-preview{max-width:220px;max-height:110px;object-fit:contain;border:1px solid var(--border);padding:8px;border-radius:10px;background:#fff}
@media(max-width:900px){.sidebar{position:static;width:auto}.main{margin-left:0;padding:14px}.grid-4,.grid-2{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:10px}.receipt-sheet{padding:22px}.receipt-head{align-items:flex-start}.table{min-width:720px}}@media print{body{background:#fff}.no-print,.sidebar,.topbar{display:none!important}.main{margin:0;padding:0}.receipt-sheet{box-shadow:none;border:0;width:auto;max-width:none;padding:20px}}

.btn-small{padding:7px 10px;font-size:12px}.inline-form{display:inline;margin:0}.link-danger{background:none;border:0;padding:0;color:var(--red);cursor:pointer;font:inherit}.reference-add-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.reference-grow{flex:1;min-width:260px}.check-row{display:flex;align-items:center;gap:7px;font-size:14px;padding-bottom:11px}.check-row input{width:auto}.actions form{margin:0}