:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050816;--bg-card:#111827;--bg-input:#020617;--text:#e5e7eb;--text-muted:#9ca3af;--accent:#22c55e;--accent-dark:#031b0b;--danger:#f87171;--border:#374151;--radius-xl:24px;--radius-full:999px;--sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}body{min-height:100vh;font-family:var(--sans);background-color:var(--bg);color:var(--text);margin:0}#root{min-height:100vh}.app-root{background:radial-gradient(circle at top,#0b1120 0,#020617 40%,#000 100%);justify-content:center;align-items:stretch;min-height:100vh;padding:24px 16px;display:flex}.app-container{flex-direction:column;width:100%;max-width:420px;display:flex}.app-header{text-align:center;margin-bottom:16px}.logo{color:#fff;margin:0;font-size:32px;font-weight:700}.client-name{color:var(--text-muted);margin-top:4px;font-size:18px;font-weight:500}.app-main{flex-direction:column;flex:1;gap:20px;display:flex}.card{background-color:var(--bg-card);border-radius:var(--radius-xl);padding:20px 18px 22px;box-shadow:0 20px 45px #0f172ae6}.subtitle{color:#f9fafb;margin:0 0 8px;font-size:18px;font-weight:600}.description{color:var(--text-muted);margin:0 0 16px;font-size:14px;line-height:1.5}.form{flex-direction:column;gap:10px;display:flex}.input{border:1px solid var(--border);background-color:var(--bg-input);color:#f9fafb;border-radius:14px;outline:none;padding:12px 14px;font-size:16px}.input::placeholder{color:#6b7280}.input:focus{border-color:var(--accent);box-shadow:0 0 0 1px #22c55e66}.button{border-radius:var(--radius-full);background-color:var(--accent);color:var(--accent-dark);cursor:pointer;border:none;margin-top:4px;padding:12px 16px;font-size:16px;font-weight:700;transition:transform .1s,box-shadow .1s,opacity .2s}.button:disabled{opacity:.7;cursor:default}.button:not(:disabled):active{transform:translateY(1px);box-shadow:0 8px 16px #22c55e73}.error{color:var(--danger);margin:0;font-size:14px}.offline-hint{color:var(--text-muted);margin:0;font-size:13px}.qr-title{color:var(--text);text-align:center;margin:0 0 12px;font-size:16px}.qr-wrapper{justify-content:center;margin-bottom:18px;display:flex}.qr-placeholder{background-color:#fff;border-radius:20px;padding:14px}.info-block{margin-top:10px}.info-label{color:var(--text-muted);margin:0 0 2px;font-size:13px}.info-value{color:#f9fafb;margin:0;font-size:16px;font-weight:600}.info-subvalue{color:var(--text-muted);margin:2px 0 0;font-size:14px}@media (width<=480px){.app-root{padding:18px 10px}.card{border-radius:20px;padding-inline:16px}}