*{box-sizing:border-box}body{margin:0;background:#f4f7f6;color:#0a2b38;font:14px/1.45 Arial,sans-serif}.emp-top{background:#073c33;color:#fff;border-top:4px solid #d4a017;padding:13px 18px;display:flex;justify-content:space-between;gap:10px;align-items:center}.emp-top b{font-size:20px}.emp-top small{display:block;opacity:.8}.trust{font-weight:800}.emp-nav{display:flex;gap:5px;padding:8px 12px;background:#fff;border-bottom:1px solid #dce5e2;overflow:auto;white-space:nowrap}.emp-nav a{padding:8px 10px;text-decoration:none;color:#17443b;border-radius:8px;font-weight:700}.emp-nav a.on,.emp-nav a:hover{background:#e7f3ef}.wrap{max-width:1180px;margin:16px auto;padding:0 13px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.card,.panel{background:#fff;border:1px solid #d8e2df;border-radius:13px}.card{padding:13px}.card strong{display:block;font-size:24px;margin-top:5px}.panel{margin:12px 0;overflow:hidden}.panel h2{font-size:17px;margin:0;padding:13px 15px;border-bottom:1px solid #e1e8e6}.pad{padding:14px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 13px;border:0;border-radius:8px;background:#075d4d;color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.btn.alt{background:#edf4f1;color:#17443b;border:1px solid #c8d8d3}.btn.red{background:#a7352d}.row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.field{margin-bottom:11px}label{display:block;font-weight:800;margin-bottom:5px}input,select,textarea{width:100%;min-height:42px;border:1px solid #bccbc6;border-radius:8px;padding:8px 10px;font:inherit;background:#fff}textarea{min-height:95px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:9px;border-bottom:1px solid #e5ecea;text-align:left;vertical-align:top}.msg{padding:11px 13px;border-radius:9px;background:#e9f7ef;color:#075d4d;margin:10px 0}.warn{padding:11px 13px;border-radius:9px;background:#fff5d8;color:#805900;margin:10px 0}.bad{background:#fff0ef;color:#9e2d25}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick a{min-height:74px;padding:13px;text-decoration:none;color:#0d382f;border:1px solid #d6e2de;border-radius:11px;background:#fff}.quick b{display:block;font-size:15px}.status{font-weight:800;padding:4px 7px;border-radius:999px;background:#eef3f1;display:inline-block}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.loginbox{width:min(430px,100%);padding:24px;background:#fff;border:1px solid #d7e2de;border-radius:16px;box-shadow:0 15px 50px rgba(7,60,51,.12)}.loginbox h1{margin-top:0}.split{display:flex;gap:8px;flex-wrap:wrap}.muted{color:#61756f}.wallet-balance{font-size:38px;font-weight:900;color:#075d4d}.receipt{max-width:760px;margin:auto;background:#fff;padding:20px;border:1px solid #ccd9d5}.qrbox{width:240px;height:240px;background:#f4f6f5;border:2px dashed #9fb5ae;display:grid;place-items:center;text-align:center;margin:auto}.camera{width:100%;max-width:420px;min-height:220px;background:#111;border-radius:12px;overflow:hidden}.camera video{width:100%}
@media(max-width:850px){.grid,.quick{grid-template-columns:repeat(2,1fr)}.row{grid-template-columns:1fr}.emp-top{align-items:flex-start;flex-direction:column}.table{font-size:12px}.table th,.table td{padding:7px}.wrap{padding:0 8px}}@media(max-width:480px){.grid{grid-template-columns:1fr 1fr}.quick{grid-template-columns:1fr 1fr}.card strong{font-size:19px}.emp-nav{padding-left:6px}.emp-top{padding:11px}.wallet-balance{font-size:30px}}
@media print{.emp-top,.emp-nav,.no-print{display:none!important}body{background:#fff}.wrap{margin:0;max-width:none}.panel,.receipt{border:0}.btn{display:none!important}}

.password-toggle{margin-top:6px;padding:7px 14px;border:1px solid #b9ccc7;border-radius:8px;background:#eef7f4;color:#064f43;font-weight:700;cursor:pointer}