:root{--ink:#182230;--muted:#667085;--line:#e7ebf0;--blue:#315be8;--wash:#f5f7fb}body{background:#f7f8fb;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.navbar{min-height:68px}.navbar-brand{letter-spacing:-.03em}.card{border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 8px rgba(20,35,60,.025)}.card-body{padding:1.35rem}.btn{border-radius:10px;font-weight:600}.btn-primary{background:var(--blue);border-color:var(--blue)}.form-control,.form-select,.input-group-text{border-color:#dce2ea;border-radius:10px;min-height:44px}.input-group>.form-control{border-radius:0 10px 10px 0}.input-group>.input-group-text{border-radius:10px 0 0 10px}.form-control:focus,.form-select:focus{border-color:#8fa8ff;box-shadow:0 0 0 .2rem rgba(49,91,232,.12)}.table{--bs-table-bg:transparent;margin-bottom:0}.table thead th{font-size:.76rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom-color:var(--line)}.table td{border-bottom-color:#edf0f4}.table tbody tr:last-child td{border-bottom:0}.eyebrow{font-size:.72rem;letter-spacing:.13em;font-weight:700;color:var(--blue)}.metric-card{background:linear-gradient(120deg,#fff 70%,#f2f5ff)}.icon-tile,.section-icon{width:48px;height:48px;border-radius:14px;background:#edf1ff;color:var(--blue);display:grid;place-items:center}.icon-tile .material-symbols-rounded,.section-icon .material-symbols-rounded{font-size:25px}.icon-tile.green{background:#e8f7ef;color:#168354}.section-icon.orange{background:#fff1e8;color:#db6a21}.section-icon.purple{background:#f2eefe;color:#7545cb}.quick-link{display:flex;align-items:center;gap:12px;padding:13px 8px;color:inherit;text-decoration:none;border-top:1px solid var(--line)}.quick-link>.material-symbols-rounded{color:var(--blue)}.quick-link small{display:block;color:var(--muted);margin-top:2px}.quick-link:hover{background:#f8f9fc}.empty-state{min-height:128px;display:grid;align-content:center;justify-items:center;text-align:center;color:var(--muted);gap:8px}.empty-state .material-symbols-rounded{font-size:32px;color:#98a2b3}.login-row{min-height:75vh}.brand-mark{width:58px;height:58px;display:grid;place-items:center;margin:auto auto 16px;border-radius:18px;background:#eaf0ff;color:var(--blue)}.brand-mark .material-symbols-rounded{font-size:32px}.alert{border-radius:12px}@media(max-width:576px){main.container{padding-left:16px;padding-right:16px}.card-body{padding:1.1rem}}
.guard-screen{max-width:640px;margin:0 auto}.guard-card{border-color:#dfe5ef}.plate-input{height:72px;font-size:2rem;font-weight:700;letter-spacing:.12em;text-align:center}.vehicle-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vehicle-option{min-height:76px;border:1px solid #dce2ea;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#344054;font-weight:600;cursor:pointer}.vehicle-option .material-symbols-rounded{font-size:27px;color:#667085}.btn-check:checked+.vehicle-option{border-color:var(--blue);background:#eef2ff;color:var(--blue);box-shadow:0 0 0 2px rgba(49,91,232,.12)}.btn-check:checked+.vehicle-option .material-symbols-rounded{color:var(--blue)}.guard-submit{min-height:58px}.metric-card[data-bs-toggle="collapse"]{cursor:pointer;color:inherit}.metric-card[data-bs-toggle="collapse"]:hover{border-color:#cbd5e1;box-shadow:0 4px 14px rgba(20,35,60,.08)}@media(max-width:576px){.plate-input{height:68px;font-size:1.8rem}.vehicle-options{gap:7px}.vehicle-option{min-height:70px;font-size:.9rem}.guard-screen{margin-top:-.5rem}}
.payable-row{cursor:pointer}.payable-row:hover,.payable-row:focus{--bs-table-bg:#f2f5ff;outline:0}.payable-row:focus-visible{box-shadow:inset 0 0 0 2px #8fa8ff}
.guard-exit-row{cursor:pointer}.guard-exit-row:hover,.guard-exit-row:focus{--bs-table-bg:#f2f5ff;outline:0}.guard-exit-row:focus-visible{box-shadow:inset 0 0 0 2px #8fa8ff}
.chart-wrap{position:relative;height:340px}@media(max-width:576px){.chart-wrap{height:280px}}