*{box-sizing:border-box}body{font-family:Arial,sans-serif;background:#f5f7fb;color:#1f2937;margin:0}a{text-decoration:none;color:#0f4c81}.wrapper{max-width:1200px;margin:0 auto;padding:16px}.topnav{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:14px 18px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.06);margin-bottom:16px}.topnav ul{display:flex;gap:14px;list-style:none;padding:0;margin:0;flex-wrap:wrap}.brand a{font-weight:700;font-size:20px}.grid{display:grid;grid-template-columns:220px 1fr 220px;gap:16px}.content-card,.card,.login-box,.stat-card{background:#fff;padding:18px;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card h3{margin:0 0 6px}.flash-wrap{margin-bottom:14px}.flash{padding:12px;border-radius:10px;margin-bottom:8px}.flash.success{background:#dcfce7}.flash.error{background:#fee2e2}.flash.info{background:#dbeafe}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}form .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:12px}label{display:block;font-weight:700;margin-bottom:6px}input,select,textarea,button{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:10px;font-size:14px}textarea{min-height:110px;resize:vertical}button,.btn{display:inline-block;background:#0f4c81;color:#fff;border:none;cursor:pointer;padding:11px 14px;border-radius:10px}.btn.secondary{background:#475569}.btn.danger{background:#b91c1c}.actions{display:flex;gap:8px;flex-wrap:wrap}.search-box{position:relative}.search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #cbd5e1;border-radius:0 0 10px 10px;max-height:220px;overflow:auto;z-index:10}.search-results a{display:block;padding:10px;border-bottom:1px solid #eee}.side-menu{background:#fff;padding:16px;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.05);height:fit-content}.side-menu a{display:block;padding:10px 0;border-bottom:1px solid #eee}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-box{width:100%;max-width:420px}.badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#e2e8f0;font-size:12px}.muted{color:#64748b}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.details-grid .card p{margin:6px 0}.empty{padding:18px;background:#fff;border-radius:14px}.req{color:#b91c1c}@media(max-width:900px){.grid{grid-template-columns:1fr}.right-side{display:none}}

.pagination{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:16px}.pagination a,.pagination span{padding:8px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff}.pagination .current{background:#0f4c81;color:#fff;border-color:#0f4c81}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.customer-picker{position:relative}.customer-picker-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #cbd5e1;border-radius:10px;max-height:260px;overflow:auto;z-index:20;display:none;box-shadow:0 8px 20px rgba(0,0,0,.08)}.customer-picker-results button,.customer-picker-recent button{display:block;width:100%;text-align:left;background:#fff;color:#1f2937;border:none;border-bottom:1px solid #eee;border-radius:0;padding:10px 12px}.customer-picker-recent{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff}.customer-picker-recent button:last-child,.customer-picker-results button:last-child{border-bottom:none}
.identity-panel{display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:center;margin-top:16px;padding:14px;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc}.identity-panel.compact{grid-template-columns:110px 1fr}.identity-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#475569;margin-bottom:6px}.qr-svg,.barcode-svg{display:block;max-width:100%;height:auto}.receipt-note{font-size:13px;line-height:1.5;color:#475569}@media(max-width:900px){.identity-panel,.identity-panel.compact{grid-template-columns:1fr}}


.stat-link{color:inherit;transition:transform .15s ease, box-shadow .15s ease}.stat-link:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.08)}.stat-hint{display:block;margin-top:8px;font-size:12px;color:#64748b}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.identity-strip{display:grid;grid-template-columns:minmax(280px,1fr) 180px;gap:18px;align-items:start;margin-bottom:16px;padding:14px;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc}.identity-strip.compact{grid-template-columns:minmax(240px,1fr) 170px}@media(max-width:900px){.identity-strip,.identity-strip.compact{grid-template-columns:1fr}}