.header{text-align:center;padding:24px 16px 8px}.header-logo{width:200px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.header-carpark{margin:8px 0 0;font-size:1rem;color:#8892a4}.plate-form{display:flex;flex-direction:column;align-items:center;padding:0 24px;flex:1}.plate-form-title{font-family:Libre Franklin,sans-serif;font-size:2rem;color:var(--carflow-blue);margin:16px 0 8px}.plate-form-instruction{font-size:1.1rem;color:#333;text-align:center;max-width:500px;margin:0 0 24px;line-height:1.5}.plate-input{font-family:Charles Wright Bold,monospace;font-size:3rem;text-align:center;text-transform:uppercase;letter-spacing:4px;background:#ffd900;border:3px solid #333;border-radius:8px;padding:16px 24px;width:100%;max-width:460px;outline:none;color:#000}.plate-input:focus{border-color:var(--carflow-blue);box-shadow:0 0 0 3px #15214233}.plate-input::placeholder{color:#999;opacity:.6}.plate-form-warning{font-size:.9rem;color:#666;text-align:center;max-width:460px;margin:16px 0 24px;line-height:1.4}.plate-submit{font-family:Libre Franklin,sans-serif;font-size:1.4rem;font-weight:600;color:#fff;background:var(--carflow-green);border:none;border-radius:8px;padding:20px 48px;min-height:80px;width:100%;max-width:460px;cursor:pointer;transition:opacity .15s}.plate-submit:active{opacity:.85}.plate-submit:disabled{opacity:.5;cursor:not-allowed}.success-overlay{position:fixed;inset:0;background:#152142f2;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease-out}.success-content{text-align:center;color:#fff}.success-tick{font-size:6rem;color:var(--carflow-green);line-height:1;margin-bottom:16px}.success-message{font-size:1.5rem;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.error-banner{background:#d32f2f;color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;font-size:.95rem;cursor:pointer}.error-dismiss{background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;padding:0 4px;line-height:1}.settings-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.settings-panel{background:#fff;border-radius:12px;padding:32px;width:90%;max-width:420px;max-height:90vh;overflow-y:auto}.settings-panel h2{margin:0 0 20px;color:var(--carflow-blue)}.settings-panel label{display:block;font-size:.85rem;font-weight:600;color:#555;margin:12px 0 4px}.settings-panel input{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:1rem;box-sizing:border-box}.settings-panel input:focus{border-color:var(--carflow-blue);outline:none}.settings-actions{margin:16px 0;display:flex;align-items:center;gap:12px}.btn-test{background:var(--carflow-blue);color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:.9rem}.btn-test:disabled{opacity:.5}.test-result{font-size:.85rem;font-weight:600}.settings-buttons{display:flex;gap:12px;margin-top:20px}.btn-cancel{flex:1;padding:12px;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer;font-size:1rem}.btn-save{flex:1;padding:12px;border:none;border-radius:6px;background:var(--carflow-green);color:#fff;cursor:pointer;font-size:1rem;font-weight:600}.btn-save:disabled{opacity:.5}.status-bar{text-align:center;padding:6px 12px;font-size:.85rem;font-weight:600}.status-offline{background:#f57c00;color:#fff}.status-online{background:#388e3c;color:#fff}:root{--carflow-blue: #152142;--carflow-green: #27713c;--carflow-green-hover: #37814c}@font-face{font-family:Charles Wright Bold;src:url(/charles-wright-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Libre Franklin;src:url(/libre-franklin-v18-latin-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch}body{font-family:Libre Franklin,-apple-system,BlinkMacSystemFont,sans-serif;background:#f5f5f5;color:#333;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}#root{height:100dvh}.app{display:flex;flex-direction:column;height:100%;background:#fff;max-width:600px;margin:0 auto}