*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(135deg,#093028,#237a57);min-height:100vh;color:#fff}.loading-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.2rem;color:#ffffffb3}.card{background:#ffffff12;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:36px 32px;width:90%;max-width:460px;box-shadow:0 8px 40px #00000059}.center-wrap{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:24px}h1{text-align:center;font-weight:800;font-size:1.6rem;background:linear-gradient(90deg,#00c6ff,#0072ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 6px}h2.sub{text-align:center;font-size:.9rem;color:#ffffff8c;margin:0 0 28px;font-weight:400}.input{width:100%;padding:14px 16px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#0000004d;color:#fff;font-size:1.1rem;text-align:center;letter-spacing:2px;outline:none;transition:border .25s;text-transform:uppercase;margin-bottom:14px}.input:focus{border-color:#00c6ff}.input::placeholder{color:#ffffff4d;letter-spacing:normal;font-size:.9rem;text-transform:none}.btn{width:100%;padding:14px;border:none;border-radius:10px;background:linear-gradient(90deg,#00c6ff,#0072ff);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 18px #00c6ff66;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00c6ff99}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.25);box-shadow:none;margin-top:10px}.btn-outline:hover{background:#ffffff14}.log{background:#0000008c;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 14px;height:110px;overflow-y:auto;font-family:Courier New,monospace;font-size:.75rem;color:#4caf50;margin-top:22px}.log .err{color:#f44336}.log .warn{color:#ffeb3b}.step-badge{background:#00c6ff;color:#fff;padding:2px 9px;border-radius:5px;font-size:.78rem;margin-right:8px}.step-title{display:flex;align-items:center;font-size:1.05rem;font-weight:600;margin-bottom:10px}.desc{font-size:.82rem;color:#fff9;text-align:center;line-height:1.6;margin-bottom:18px}.qr-box{text-align:center;margin:16px 0}.qr-box canvas,.qr-box img{max-width:220px;border-radius:10px}.code-display{font-size:2.2rem;font-family:monospace;font-weight:700;text-align:center;letter-spacing:6px;margin:12px 0 4px}.timer{text-align:center;font-size:.8rem;color:#ffffff80}.spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.2);border-top-color:#00c6ff;border-radius:50%;animation:spin .8s linear infinite;margin:10px auto}@keyframes spin{to{transform:rotate(360deg)}}.dashboard{max-width:600px;margin:0 auto;padding:24px 16px}.dash-card{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:20px;margin-bottom:14px}.row{display:flex;gap:8px;flex-wrap:wrap}.api-btn{flex:1 1 auto;min-width:90px;padding:10px 12px;border:none;border-radius:8px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s}.api-btn:disabled{opacity:.4;cursor:not-allowed}.api-result{background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;font-family:monospace;font-size:.78rem;word-break:break-all;min-height:42px;margin-top:12px;white-space:pre-wrap;color:#4caf50}.limit-bar-wrap{margin-bottom:10px}.limit-label{font-size:.8rem;margin-bottom:4px;display:flex;justify-content:space-between}.limit-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.limit-fill{height:100%;border-radius:3px;transition:width .4s}select{padding:8px 10px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#0000004d;color:#fff;font-size:.88rem;flex:1}.plain-input{text-align:left;letter-spacing:0;text-transform:none;font-size:.92rem;margin-bottom:0;padding:10px 12px}