:root{color-scheme:light;--font-family: "Segoe UI", Arial, Helvetica, sans-serif;--color-primary: #173d68;--color-text: #25364b;--color-muted: #687b91;--color-border: #e1e8f2;--radius-card: 10px;--radius-control: 6px;--button-height: 34px;--button-padding: 6px 12px;--button-radius: 6px;--button-font-size: 12px;--button-background: linear-gradient(120deg, #16a394, #087c78);--button-shadow: 0 2px 6px rgb(8 124 120 / 10%)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{color:var(--color-text);background:radial-gradient(ellipse at top right,#eaf0fc,transparent 48%),#f4f7fc;font-family:var(--font-family);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:var(--font-family)!important}h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-family:var(--font-family);line-height:1.3}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}h4{font-size:14px}p{margin-top:0}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}@media screen{app-root .main-content:not(.login-content) h2{margin:0 0 10px!important;font-size:20px!important;font-weight:750;letter-spacing:-.3px}app-root .main-content:not(.login-content) h3{margin-top:0;font-size:15px!important;font-weight:700}app-root .main-content:not(.login-content) .subtitle{color:var(--color-muted);font-size:12px!important;line-height:1.4}app-root .main-content:not(.login-content) .page-heading,app-root .main-content:not(.login-content) .heading{gap:10px!important;margin-bottom:14px!important}app-root .main-content:not(.login-content) .page-heading h2,app-root .main-content:not(.login-content) .heading h2{margin-bottom:4px!important}app-root .main-content:not(.login-content) .page-heading p,app-root .main-content:not(.login-content) .heading p{margin:0!important;font-size:12px!important}app-root .main-content:not(.login-content) .heading-actions{gap:8px!important}app-root .main-content:not(.login-content) .user-pill{padding:5px 9px!important;font-size:11px!important}app-root .main-content:not(.login-content) .dashboard-page{width:100%;max-width:1440px!important;margin:0 auto!important}app-root .main-content:not(.login-content) .tariff-page{width:100%;max-width:1200px!important;margin:0 auto 0 0!important}app-root .main-content:not(.login-content) .setup-page,app-root .main-content:not(.login-content) .location-setup-page,app-root .main-content:not(.login-content) .roles-page{width:100%;max-width:1200px!important;margin-left:0!important;margin-right:0!important}app-root .main-content:not(.login-content) .vehicle-entry{width:100%;max-width:900px!important;margin:0!important;padding:0!important}app-root .main-content:not(.login-content) .vehicle-exit{width:100%;max-width:900px!important;margin:0!important;padding:0!important}app-root .main-content:not(.login-content) .card{position:relative;min-width:0;margin-bottom:14px!important;padding:14px 16px!important;background:#fff!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-card)!important;box-shadow:0 3px 12px #1b395f0a}app-root .main-content:not(.login-content) .card:has(form),app-root .main-content:not(.login-content) .card:has(>.form-grid),app-root .main-content:not(.login-content) .editor-card,app-root .main-content:not(.login-content) .configuration-card{width:100%!important;max-width:900px!important;min-height:0!important;height:auto!important;margin-left:0!important;margin-right:0!important}app-root .main-content:not(.login-content) .card:has(form)>h3,app-root .main-content:not(.login-content) .editor-card>h3{margin:0 0 12px!important}app-root .main-content:not(.login-content) form,app-root .main-content:not(.login-content) fieldset{min-width:0;margin:0!important;padding:0!important}app-root .main-content:not(.login-content) fieldset{border:0}app-root .main-content:not(.login-content) .form-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start!important;gap:10px 12px!important;margin:0!important;padding:0!important}app-root .main-content:not(.login-content) .form-grid>*{min-width:0;margin:0!important}app-root .main-content:not(.login-content) label{color:#40546d!important;font-size:12px!important;font-weight:600!important;line-height:1.35}app-root .main-content:not(.login-content) input:not([type=checkbox],[type=radio],[type=file],[type=button],[type=submit],[type=reset],[type=range],[type=color],[type=hidden],[type=image]),app-root .main-content:not(.login-content) select{width:100%;min-width:0;height:34px!important;min-height:34px!important;margin-top:4px!important;margin-bottom:0!important;padding:6px 9px!important;color:var(--color-text);background:#fbfcff;border:1px solid #ccd8e8!important;border-radius:var(--radius-control)!important;font-size:12px!important;font-weight:400!important;line-height:1.35!important;transition:border-color .16s,box-shadow .16s}app-root .main-content:not(.login-content) select{padding-right:26px!important}app-root .main-content:not(.login-content) textarea{width:100%;min-width:0;min-height:68px!important;margin-top:4px!important;padding:7px 9px!important;color:var(--color-text);background:#fbfcff;border:1px solid #ccd8e8!important;border-radius:var(--radius-control)!important;font-size:12px!important;line-height:1.4}app-root .main-content:not(.login-content) input[type=checkbox],app-root .main-content:not(.login-content) input[type=radio]{flex-shrink:0;width:16px!important;height:16px!important;min-height:16px!important;padding:0!important;accent-color:#087c78}app-root .main-content:not(.login-content) input::placeholder,app-root .main-content:not(.login-content) textarea::placeholder{color:#8a99ab}app-root .main-content:not(.login-content) input:focus,app-root .main-content:not(.login-content) select:focus,app-root .main-content:not(.login-content) textarea:focus{border-color:#4c88c7!important;box-shadow:0 0 0 3px #4c88c71f}app-root .main-content:not(.login-content) input[type=search]{width:100%!important;max-width:360px!important}app-root .main-content:not(.login-content) .field-help,app-root .main-content:not(.login-content) .field-error,app-root .main-content:not(.login-content) .form-grid small{display:block;margin-top:3px!important;font-size:10px!important;line-height:1.35!important}app-root .main-content:not(.login-content) button{font-size:var(--button-font-size)!important;font-weight:700!important}app-root .main-content:not(.login-content) button.primary,app-root .main-content:not(.login-content) button.secondary,app-root .main-content:not(.login-content) button.delete-button,app-root .main-content:not(.login-content) button.remove-button,app-root .main-content:not(.login-content) .entry-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--button-height)!important;margin-top:0!important;padding:var(--button-padding)!important;border-radius:var(--button-radius)!important;font-size:var(--button-font-size)!important;font-weight:700!important;line-height:1.35!important;text-align:center;text-decoration:none;vertical-align:middle;transition:filter .16s}app-root .main-content:not(.login-content) button.primary,app-root .main-content:not(.login-content) button.secondary,app-root .main-content:not(.login-content) .entry-link{color:#fff!important;background:var(--button-background)!important;border:1px solid transparent!important;box-shadow:var(--button-shadow)!important}app-root .main-content:not(.login-content) button.delete-button,app-root .main-content:not(.login-content) button.remove-button{color:#a52c40!important;background:#fff0f3!important;border:1px solid #f6d9e1!important;box-shadow:none!important}app-root .main-content:not(.login-content) button.primary:hover:not(:disabled),app-root .main-content:not(.login-content) button.secondary:hover:not(:disabled),app-root .main-content:not(.login-content) .entry-link:hover{filter:brightness(1.05);transform:none!important}app-root .main-content:not(.login-content) button:disabled{opacity:.6;cursor:not-allowed;transform:none}app-root .main-content:not(.login-content) fieldset>button,app-root .main-content:not(.login-content) .card>button.primary{margin-top:12px!important}app-root .main-content:not(.login-content) .actions,app-root .main-content:not(.login-content) .editor-actions,app-root .main-content:not(.login-content) .form-actions,app-root .main-content:not(.login-content) .row-actions{display:flex;flex-wrap:wrap;gap:8px!important}app-root .main-content:not(.login-content) .actions,app-root .main-content:not(.login-content) .editor-actions{margin-top:12px!important;margin-bottom:0!important;padding:0!important}app-root .main-content:not(.login-content) .row-actions{gap:6px!important}app-root .main-content:not(.login-content) .row-actions button{min-height:30px!important;padding:5px 9px!important;font-size:11px!important}app-root .main-content:not(.login-content) .action-footer{gap:10px!important;margin-top:12px!important;padding-top:10px!important}app-root .main-content:not(.login-content) .save-note{font-size:11px!important}app-root .main-content:not(.login-content) .toolbar{gap:10px!important;margin-bottom:14px!important}app-root .main-content:not(.login-content) .toolbar select{width:auto;min-width:220px;max-width:100%;margin-top:0!important}app-root .main-content:not(.login-content) .stats-grid{gap:14px!important;margin-bottom:16px!important}app-root .main-content:not(.login-content) .metric{padding:14px 16px!important;border-radius:10px!important;box-shadow:0 3px 12px #1b395f08!important}app-root .main-content:not(.login-content) .metric-label{font-size:12px!important}app-root .main-content:not(.login-content) .metric-value{margin:5px 0!important;font-size:28px!important;line-height:1.2!important}app-root .main-content:not(.login-content) .metric-note{font-size:11px!important}app-root .main-content:not(.login-content) .table-heading,app-root .main-content:not(.login-content) .slabs-heading,app-root .main-content:not(.login-content) .section-heading{gap:10px!important;margin-bottom:12px!important}app-root .main-content:not(.login-content) .table-heading h3,app-root .main-content:not(.login-content) .slabs-heading h3,app-root .main-content:not(.login-content) .section-heading h3{margin:0 0 3px!important}app-root .main-content:not(.login-content) .section-icon{flex-basis:28px!important;width:28px!important;height:28px!important;border-radius:8px!important;font-size:17px!important}app-root .main-content:not(.login-content) .table-scroll{overflow-x:auto;margin-top:12px!important}app-root .main-content:not(.login-content) table{width:100%;border-collapse:collapse;font-size:12px!important}app-root .main-content:not(.login-content) th{padding:8px 10px!important;color:#536b85;background:#f0f5fb;font-size:12px!important;font-weight:700;text-align:left}app-root .main-content:not(.login-content) td{padding:8px 10px!important;border-bottom:1px solid #edf1f7;font-size:12px!important}app-root .main-content:not(.login-content) tbody tr:hover{background:#f8fbff}app-root .main-content:not(.login-content) td input:not([type=checkbox],[type=radio]){max-width:140px;margin-top:0!important}app-root .main-content:not(.login-content) .status-badge,app-root .main-content:not(.login-content) .badge{padding:4px 8px!important;font-size:10px!important}app-root .main-content:not(.login-content) .sequence-badge{width:24px!important;height:24px!important;font-size:11px!important}app-root .main-content:not(.login-content) .empty-state{padding:18px!important;font-size:12px!important}app-root .main-content:not(.login-content) .alert{margin-bottom:12px!important;padding:9px 12px!important;border-radius:8px!important;font-size:12px}app-root .main-content:not(.login-content) .alert.success{color:#116849;background:#e4f7ee;border:1px solid #bfe9d3}app-root .main-content:not(.login-content) .alert.error{color:#a52c40;background:#fff0f2;border:1px solid #f6cdd5}app-root .main-content:not(.login-content) .vehicle-entry>.card:first-of-type{border-top:3px solid #16a394!important}app-root .main-content:not(.login-content) .vehicle-exit>.card:first-of-type{border-top:3px solid #f59e0b!important}app-root .main-content:not(.login-content) .configuration-card{border-top:3px solid #8264c5!important}app-root .main-content:not(.login-content) .slabs-card{border-top:3px solid #3684c7!important}app-root .main-content:not(.login-content) .ticket{border-left:3px solid #16a394!important}app-root .main-content:not(.login-content) .receipt{border-top:3px solid #7c63c7!important}app-root .main-content:not(.login-content) .receipt-details p,app-root .main-content:not(.login-content) .ticket p{margin:4px 0!important;color:#42556d;font-size:13px!important;line-height:1.5!important}app-root .main-content:not(.login-content) .receipt-details strong,app-root .main-content:not(.login-content) .ticket strong{color:#243e5b;font-weight:650}app-root .main-content:not(.login-content) .receipt-details .total{margin-top:10px!important;padding:9px 11px;color:#116849;background:#eaf8f0;border-radius:8px;font-size:18px!important}app-root .main-content:not(.login-content) .receipt-text{margin-top:12px;padding:12px!important;color:#34465c;background:#f7f9fd!important;border:1px dashed #c6d4e5!important;border-radius:8px!important;font-family:Courier New,monospace;font-size:12px!important;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}}@media screen and (min-width:701px)and (max-width:1100px){app-root .main-content:not(.login-content) .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media screen and (max-width:700px){:root{--button-height: 44px}app-root .main-content:not(.login-content) .form-grid{grid-template-columns:minmax(0,1fr)!important;row-gap:12px!important}app-root .main-content:not(.login-content) .card{padding:14px!important}app-root .main-content:not(.login-content) input:not([type=checkbox],[type=radio],[type=file],[type=button],[type=submit],[type=reset],[type=range],[type=color],[type=hidden],[type=image]),app-root .main-content:not(.login-content) select{height:44px!important;min-height:44px!important}app-root .main-content:not(.login-content) input[type=search]{max-width:none!important}app-root .main-content:not(.login-content) .toolbar select{width:100%}app-root .main-content:not(.login-content) .row-actions button{min-height:44px!important}app-root .main-content:not(.login-content) .actions,app-root .main-content:not(.login-content) .editor-actions{justify-content:stretch}app-root .main-content:not(.login-content) .actions button,app-root .main-content:not(.login-content) .editor-actions button{flex:1}}@media screen and (pointer:coarse){:root{--button-height: 44px}app-root .main-content:not(.login-content) input:not([type=checkbox],[type=radio],[type=file],[type=button],[type=submit],[type=reset],[type=range],[type=color],[type=hidden],[type=image]),app-root .main-content:not(.login-content) select{height:44px!important;min-height:44px!important}app-root .main-content:not(.login-content) .row-actions button{min-height:44px!important}}@media print{body{background:#fff}.main-content:not(.login-content) .card{box-shadow:none}}@media screen{app-root .main-content:not(.login-content) .account-page>.card{border-top:3px solid #3684c7!important}app-root .main-content:not(.login-content) .history-page>.card{border-top:3px solid #3684c7!important}app-root .main-content:not(.login-content) .history-page app-photo-retention-settings .card{border-top:3px solid #8264c5!important}}