:root{--navy:#092b5a;--blue:#0d4d91;--green:#79ab5a;--bg:#eef2f6;--text:#172435;--muted:#64748b;--danger:#b42318;--radius:14px;--radius-sm:10px;--shadow:0 6px 18px rgba(9,43,90,.10),0 1px 4px rgba(9,43,90,.06)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}.top{background:var(--navy);color:#fff;padding:17px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 3px 12px rgba(9,43,90,.18)}.brand{font-size:21px;font-weight:800}.brand span{color:#a8cf82}.shell{max-width:1240px;margin:28px auto;padding:0 18px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid #d8e0e8;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;overflow:hidden}.metric{font-size:28px;font-weight:800;margin-top:8px}.muted{color:var(--muted);font-size:13px}.btn,button{display:inline-block;border:0;border-radius:var(--radius-sm);background:var(--blue);color:#fff;padding:10px 15px;text-decoration:none;font-weight:700;cursor:pointer;box-shadow:0 3px 8px rgba(13,77,145,.16);transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.btn:hover,button:hover{transform:translateY(-1px);box-shadow:0 6px 13px rgba(13,77,145,.22)}.btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(13,77,145,.20);outline-offset:2px}.btn.secondary{background:#fff;color:var(--blue);border:1px solid var(--blue)}.btn.green{background:#568d36}.nav{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.nav a{background:#fff;border-bottom:3px solid transparent;border-radius:var(--radius-sm);padding:12px 15px;text-decoration:none;font-weight:700}.nav a:hover{border-color:var(--green)}table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #d8e0e8;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}th,td{text-align:left;padding:12px;border-bottom:1px solid #e3e8ef}th{background:#dcebcf;color:#19320e;font-size:13px}tr:last-child td{border-bottom:0}th:first-child{border-top-left-radius:calc(var(--radius) - 1px)}th:last-child{border-top-right-radius:calc(var(--radius) - 1px)}input,select,textarea{width:100%;padding:10px;border:1px solid #bdc8d4;background:#fff;border-radius:var(--radius-sm);transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(13,77,145,.09)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.login{width:min(430px,calc(100% - 32px));margin:9vh auto;background:#fff;padding:30px;border-top:7px solid var(--navy);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.alert{padding:12px;border-left:4px solid var(--danger);border-radius:var(--radius-sm);background:#fff1f0;color:var(--danger);margin:12px 0;box-shadow:0 3px 10px rgba(180,35,24,.08)}.receipt{max-width:900px;margin:20px auto;background:#fff;border:1px solid #cbd5e1;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.receipt-head{padding:18px;border-bottom:12px solid var(--navy);display:flex;justify-content:space-between}.receipt-summary{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #777}.receipt-summary div{padding:14px;text-align:center}.receipt-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px}.right{text-align:right}.actions{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}@media(max-width:760px){:root{--radius:12px;--radius-sm:9px}.grid{grid-template-columns:1fr 1fr}.form-grid,.receipt-columns{grid-template-columns:1fr}.receipt-summary{grid-template-columns:1fr 1fr}.top{align-items:flex-start;gap:10px;flex-direction:column}.shell{padding:0 12px}table{display:block;overflow-x:auto;white-space:nowrap}}@media print{body{background:#fff}.top,.nav,.actions{display:none}.receipt{border:1px solid #222;border-radius:0;box-shadow:none;margin:0;max-width:none}table{box-shadow:none}}