:root{--bg:#f4f5f7;--surface:#fff;--text:#1c2330;--muted:#6b7482;--border:#dde1e7;--primary:#1f5fd1;--primary-hover:#194fb0;--danger:#c0392b;--success:#1e9e5a;--radius:10px;color:var(--text);background:var(--bg);font-family:Vazirmatn,Tahoma,Segoe UI,Arial,sans-serif}*,:before,:after{box-sizing:border-box}body{min-height:100vh;margin:0;line-height:1.7}h1,h2{margin:0;line-height:1.4}h1{font-size:1.75rem}h2{margin-bottom:12px;font-size:1.1rem}.page{flex-direction:column;gap:16px;max-width:440px;margin:0 auto;padding:32px 16px;display:flex}.page-header{text-align:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.status{align-items:center;gap:10px;padding:12px 20px;display:flex}.dot{background:var(--muted);border-radius:50%;flex:none;width:10px;height:10px}.dot-up{background:var(--success)}.dot-down{background:var(--danger)}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;display:flex}.tab{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:10px 8px}.tab-active{color:var(--primary);border-bottom-color:var(--primary);font-weight:700}.form{flex-direction:column;gap:12px;display:flex}.field{flex-direction:column;gap:4px;font-size:.9rem;display:flex}.field input{border:1px solid var(--border);width:100%;font:inherit;color:inherit;background:var(--surface);border-radius:8px;padding:10px 12px;font-size:1rem}.field input:focus-visible,.button:focus-visible,.tab:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.button{background:var(--primary);color:#fff;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px 16px}.button:hover:not(:disabled){background:var(--primary-hover)}.button:disabled{opacity:.6;cursor:default}.button-secondary{background:var(--surface);border-color:var(--border);width:100%;color:var(--text);margin-top:16px}.button-secondary:hover:not(:disabled){background:var(--bg)}.button-link{color:var(--primary);background:0 0;padding:4px;font-size:.9rem}.button-link:hover:not(:disabled){background:0 0;text-decoration:underline}.button-link:disabled{color:var(--muted)}.form-links{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;display:flex}.code-input{text-align:center;letter-spacing:.5em;font-variant-numeric:tabular-nums}.hint{color:var(--muted);font-size:.8rem}.countdown{font-variant-numeric:tabular-nums}.subform{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.form h2{margin-bottom:0}.note{color:var(--muted);margin:0;font-size:.9rem}.error{color:var(--danger);margin:0;font-size:.9rem}.success{color:var(--success);margin:16px 0 0;font-size:.9rem}.form .success{margin:0}.field-error{color:var(--danger);font-size:.8rem}.notice{color:var(--success);margin:0;padding:12px 20px;font-size:.9rem}details.subform>summary{cursor:pointer;color:var(--primary);font-size:.95rem}details.subform[open]>summary{margin-bottom:12px}.actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.actions .button-secondary{flex:1;width:auto;margin-top:0}.profile{margin:0}.profile+.note{margin:8px 0 0}.row{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:8px 0;display:flex}.row:last-child{border-bottom:0}.row dt{color:var(--muted);flex:none}.row dd{text-align:end;overflow-wrap:anywhere;margin:0}@media (width<=480px){.page{padding:20px 12px}.card{padding:16px}.tab{padding:10px 4px;font-size:.9rem}}