:root{--color-bg: #12343b;--color-surface: #1b4a55;--color-heading: #f2f7f7;--color-text: #e6f0f0;--color-field-bg: #f4f7f7;--color-field-text: #0f262b;--color-accent: #ffcf5c;--color-danger: #ffb4a8;--radius: 12px;--radius-sm: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-base: 1rem;--font-size-heading: clamp(1.75rem, 1.2rem + 2vw, 2.75rem)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);padding:var(--space-4) var(--space-5);color:var(--color-text)}.app-header__user{overflow-wrap:anywhere}.app-main{flex:1;width:100%;max-width:40rem;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-6)}.page-title{margin:0 0 var(--space-5);color:var(--color-heading);font-size:var(--font-size-heading);line-height:1.15;font-weight:700}.form{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{color:var(--color-heading);font-weight:600}.required-marker{color:var(--color-accent);margin-left:.15em}.field input{width:100%;padding:var(--space-3) var(--space-4);font:inherit;color:var(--color-field-text);background-color:var(--color-field-bg);border:2px solid transparent;border-radius:var(--radius)}.field input:focus-visible{outline:none;border-color:var(--color-accent)}.button{align-self:flex-start;padding:var(--space-3) var(--space-5);font:inherit;font-weight:600;color:var(--color-field-text);background-color:var(--color-accent);border:none;border-radius:var(--radius);cursor:pointer}.button:disabled{opacity:.6;cursor:not-allowed}.button:focus-visible{outline:3px solid var(--color-heading);outline-offset:2px}.spot-selector{margin-top:var(--space-5)}.spot-selector h2{color:var(--color-heading)}.spot-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.spot-option{width:100%;min-height:4rem;padding:var(--space-4);font:inherit;font-weight:600;color:var(--color-field-text);background-color:var(--color-field-bg);border:2px solid transparent;border-radius:var(--radius);cursor:pointer;overflow-wrap:anywhere}.spot-option:disabled{opacity:.5;cursor:not-allowed}.spot-option:not(:disabled):focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.state-view{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background-color:var(--color-surface)}.state-view--error{color:var(--color-danger);border-left:4px solid var(--color-danger)}.occupancy{margin-bottom:var(--space-5);padding:var(--space-4);background-color:var(--color-surface);border-radius:var(--radius)}.occupancy h2{margin-top:0;color:var(--color-heading)}.occupancy__list{display:grid;grid-template-columns:auto auto;gap:var(--space-1) var(--space-4);margin:0}.occupancy__list dd{margin:0;font-weight:700;color:var(--color-heading)}.search-box{margin-bottom:var(--space-4)}.parked-table{width:100%;border-collapse:collapse;background-color:var(--color-surface);border-radius:var(--radius);overflow:hidden}.parked-table caption{padding:var(--space-2) 0;color:var(--color-heading);font-weight:700;text-align:left}.parked-table th,.parked-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid rgba(242,247,247,.15);overflow-wrap:anywhere}.parked-table th{color:var(--color-heading)}@media (max-width: 40rem){.parked-table thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.parked-table,.parked-table tbody,.parked-table tr,.parked-table td{display:block;width:100%}.parked-table tr{margin-bottom:var(--space-3);padding:var(--space-2);border-radius:var(--radius-sm);background-color:#12343b59}.parked-table td{display:flex;justify-content:space-between;gap:var(--space-4);border-bottom:none}.parked-table td:before{content:attr(data-label);font-weight:600;color:var(--color-heading)}}.app-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-bottom:1px solid rgba(242,247,247,.15)}.app-tabs__link{padding:var(--space-2) var(--space-4);color:var(--color-text);text-decoration:none;border:2px solid transparent;border-radius:var(--radius-sm)}.app-tabs__link:hover{background-color:var(--color-surface)}.app-tabs__link--active{color:var(--color-field-text);background-color:var(--color-accent);font-weight:600}.app-tabs__link:focus-visible{outline:3px solid var(--color-heading);outline-offset:2px}