:root{--color-primary:#d60913;--color-primary-dark:#a50710;--color-background:#fff;--color-surface:#f2f2f7;--color-secondary-surface:#fff;--color-divider:#3c3c431f;--color-text-primary:#1c1c1e;--color-text-secondary:#6b6b6b;--color-text-tertiary:#c7c7cc;--color-success:#34c759;--color-warning:#ff9500;--color-danger:#ff3b30;--color-link:#007aff;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-card:0 1px 3px #0000000a, 0 1px 2px #0000000f;--max-width:480px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.4}button{cursor:pointer;font-family:inherit}input,button{font-size:16px}.app-shell{min-height:100vh;min-height:100dvh;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));padding-top:max(16px, env(safe-area-inset-top));flex-direction:column;align-items:center;display:flex}.container{width:100%;max-width:var(--max-width);flex-direction:column;gap:12px;display:flex}.brand-header{flex-direction:column;align-items:center;gap:8px;padding:24px 0 16px;display:flex}.brand-logo{object-fit:contain;width:96px;height:96px}.brand-title{color:var(--color-primary);letter-spacing:.5px;margin:0;font-size:18px;font-weight:700}.brand-subtitle{color:var(--color-text-secondary);margin:0;font-size:14px}.card{background:var(--color-secondary-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:12px;padding:16px;display:flex}.card-title{color:var(--color-text-primary);margin:0;font-size:15px;font-weight:600}.card-subtitle{color:var(--color-text-secondary);margin:0;font-size:13px}.plate-search-card{text-align:center;align-self:center;width:min(100%,420px);margin-top:24px}.plate-input{letter-spacing:4px;text-align:center;border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-text-primary);text-transform:uppercase;outline:none;padding:14px 12px;font-size:24px;font-weight:600;transition:border-color .15s,background .15s}.plate-input:focus{border-color:var(--color-primary);background:#fff}.plate-input::placeholder{color:var(--color-text-tertiary);letter-spacing:2px;font-weight:400}.suggestions{justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.suggestions>li{width:calc(33.3333% - 4px)}.suggestion-item{border-radius:var(--radius-md);background:var(--color-surface);letter-spacing:2px;text-align:center;cursor:pointer;width:100%;color:var(--color-text-primary);text-transform:uppercase;border:none;padding:12px 14px;font-size:16px;font-weight:500}.suggestion-item:active{background:#e5e5ea}.btn{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 18px;font-size:16px;font-weight:600;transition:opacity .15s,transform 50ms;display:flex}.btn:active{transform:scale(.98)}.btn[disabled]{background:var(--color-divider);color:var(--color-text-tertiary);cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary)}.btn-text{color:var(--color-link);background:0 0;width:auto;padding:8px 12px;font-weight:500}.gate-waiting-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:300px;display:flex}.gate-waiting-title{color:var(--color-text-secondary);margin:0;font-size:16px;font-weight:400}.gate-searching-plate{letter-spacing:3px;color:var(--color-text-primary);margin:0;font-size:36px;font-weight:700}.gate-searching-label{color:var(--color-text-secondary);margin:-16px 0 0;font-size:14px}.gate-waiting-action{width:min(100%,240px)}.back-icon-button{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));z-index:20;color:#363636;cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#ffffffe0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background .15s,transform .1s;display:flex;position:fixed;box-shadow:0 1px 6px #0000001f,0 0 0 1px #0000000a}.back-icon-button:hover{background:#fffffffa}.back-icon-button:active{background:#f0f0f0;transform:scale(.93)}.error-text{color:var(--color-danger);text-align:center;margin:0;font-size:13px}.pricing-row{justify-content:space-between;align-items:baseline;padding:4px 0;display:flex}.pricing-label{color:var(--color-text-secondary);font-size:14px}.pricing-value{color:var(--color-text-primary);text-align:right;overflow-wrap:anywhere;font-size:16px;font-weight:600}.receipt-row{justify-content:space-between;align-items:baseline;padding:4px 0;display:flex}.receipt-label{color:var(--color-text-secondary);font-size:12px}.receipt-value{color:var(--color-text-primary);text-align:right;overflow-wrap:anywhere;font-size:13px;font-weight:600}.pricing-amount{color:var(--color-primary);text-align:center;padding:8px 0;font-size:28px;font-weight:700}.bank-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.bank-link{border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);text-align:center;border:1px solid #0000;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;font-size:11px;font-weight:500;text-decoration:none;transition:background .15s,transform 50ms;display:flex}.bank-link:active{background:#e5e5ea;transform:scale(.96)}.bank-logo{object-fit:contain;background:#fff;border-radius:8px;width:40px;height:40px}.bank-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.qr-container{flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.qr-canvas{width:200px;height:200px}.loading-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd9;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.loading-spinner{border:3px solid var(--color-divider);border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-dot{background:var(--color-text-tertiary);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-dot.online{background:var(--color-success)}.status-dot.offline{background:var(--color-danger)}.paid-badge{color:var(--color-success);background:#34c7591f;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.ebarimt-card{text-align:center}.type-toggle-row{gap:8px;margin-top:8px;display:flex}.type-toggle-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;border-radius:10px;flex:1;padding:10px 8px;font-size:15px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.type-toggle-btn.selected{color:#fff;background:#363636;border-color:#363636}.receipt-details{flex-direction:column;gap:8px;display:flex}.footer-hint{color:var(--color-text-secondary);text-align:center;margin-top:auto;padding:14px 0 0;font-size:14px;font-weight:500}.dialog-backdrop{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.dialog{border-radius:var(--radius-xl);background:#fff;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:24px 20px 16px;display:flex;box-shadow:0 10px 40px #0000002e}.dialog-title{text-align:center;margin:0;font-size:18px;font-weight:700}.dialog-content{color:var(--color-text-secondary);text-align:center;margin:0;font-size:14px}.dialog-actions{flex-direction:column;gap:8px;margin-top:8px;display:flex}
