:root{--primary-color:#1565dd;--secondary-color:#dd6515;--error-color:#d32f2f;--success-color:#388e3c;--text-color:#333;--muted-color:#6b7280;--light-bg:#f4f4f9;--panel-bg:#fff;--border-color:#e2e4ee;--border-radius:6px;--box-shadow:0 2px 10px #00000014;--status-in-color:#dd6515;--status-out-color:#1565dd}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);background-color:var(--light-bg);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:default;flex-direction:column;min-height:100dvh;padding:16px;font-family:Mulish,sans-serif;line-height:1.5;display:flex}.container{width:100%;max-width:480px;margin:auto}.container--wide{max-width:760px}h1{text-align:center;margin-bottom:20px;font-size:clamp(1.25rem,4vw,1.75rem)}.subtitle{text-align:center;color:var(--muted-color);margin:-12px 0 20px;font-size:.9375rem}.btn{background-color:var(--primary-color);color:#fff;border-radius:var(--border-radius);cursor:pointer;border:none;width:100%;min-height:56px;padding:14px 16px;font-family:inherit;font-size:1.0625rem;font-weight:700;transition:filter .15s;display:block}.btn:hover:not(:disabled){filter:brightness(.92)}.btn:disabled{opacity:.55;cursor:default}.btn--entry{background-color:var(--success-color)}.btn--exit{background-color:var(--secondary-color)}.confirm-actions{flex-direction:column;gap:12px;display:flex}.autopass{text-align:center;color:var(--muted-color);font-size:1rem;font-weight:600}.btn--entry-empty{color:var(--success-color);border:2px solid var(--success-color);background-color:#0000}.btn--entry-empty:hover:not(:disabled){filter:none;background-color:#388e3c14}.btn--back{color:var(--muted-color);border:1px solid var(--border-color);background-color:#0000;min-height:48px;margin-top:12px;font-weight:600}.btn--back:hover:not(:disabled){filter:none;background-color:#eceef6}.search-form{flex-direction:column;gap:16px;display:flex}.page-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.page-header__user{flex-direction:column;min-width:0;font-size:.9375rem;display:flex}.page-header__terminal{color:var(--muted-color);font-size:.8125rem}.btn--logout{width:auto;min-height:40px;color:var(--muted-color);border:1px solid var(--border-color);background-color:#0000;flex:none;padding:8px 14px;font-size:.875rem;font-weight:600}.btn--logout:hover:not(:disabled){filter:none;background-color:#eceef6}.pin-input{text-align:center;letter-spacing:.15em;width:100%;color:var(--text-color);background-color:var(--panel-bg);border:2px solid var(--border-color);border-radius:var(--border-radius);-webkit-user-select:text;user-select:text;padding:16px;font-family:inherit;font-size:1.25rem}.pin-input:focus{border-color:var(--primary-color);outline:none}.plate-display{letter-spacing:.3em;text-indent:.3em;font-variant-numeric:tabular-nums;width:100%;height:clamp(72px,20vw,88px);color:var(--text-color);background-color:var(--panel-bg);border:2px solid var(--border-color);border-radius:var(--border-radius);justify-content:center;align-items:center;font-size:clamp(2.25rem,11vw,3rem);font-weight:700;line-height:1;display:flex}.plate-display--filled{border-color:var(--primary-color)}.plate-display__placeholder{color:#0000}@media (min-width:560px){.plate-display{max-width:340px;margin:0 auto}}.keypad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.keypad__key{min-height:clamp(56px,13vw,68px);color:var(--text-color);background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);cursor:pointer;touch-action:manipulation;font-family:inherit;font-size:1.5rem;font-weight:700;transition:background-color .1s}.keypad__key:active:not(:disabled){background-color:#e4e7f2}.keypad__key:disabled{opacity:.55;cursor:default}.keypad__key--action{color:var(--muted-color);box-shadow:none;background-color:#0000}@media (min-width:560px){.keypad{width:100%;max-width:340px;margin:0 auto}}.car-list{grid-template-columns:1fr;gap:12px;list-style:none;display:grid}@media (min-width:560px){.car-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.car-card{color:#fff;border-radius:var(--border-radius);width:100%;min-height:72px;box-shadow:var(--box-shadow);cursor:pointer;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:12px 16px;font-family:inherit;transition:filter .15s;display:flex}.car-card:hover{filter:brightness(.92)}.car-card--in{background-color:var(--status-in-color)}.car-card--out{background-color:var(--status-out-color)}.car-card__plate{letter-spacing:.04em;font-size:1.775rem;font-weight:700}.car-card__status{opacity:.9;text-align:center;font-size:.8125rem}.panel{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);text-align:center;margin-bottom:20px;padding:24px 16px}.panel__plate{letter-spacing:.06em;word-break:break-all;font-size:clamp(1.75rem,9vw,2.5rem);font-weight:700}.panel__status{color:var(--muted-color);margin-top:8px;font-size:.9375rem}.result-dialog{text-align:center;width:min(400px,100% - 32px);color:var(--text-color);background-color:var(--panel-bg);border:none;border-radius:12px;margin:auto;padding:28px 20px 20px;box-shadow:0 12px 40px #0003}.result-dialog::backdrop{background-color:#1418288c}.result-dialog__icon{color:#fff;background-color:var(--success-color);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:1.75rem;font-weight:700;display:flex}.result-dialog__message{word-break:break-word;margin-bottom:24px;font-size:1.25rem;font-weight:700;line-height:1.35}.error{text-align:center;color:var(--error-color);margin-bottom:16px;font-weight:600}