*{box-sizing:border-box}body{font-family:system-ui,sans-serif;background:#f4f6f8;margin:0;display:flex;justify-content:center;padding-top:60px}.wrapper{background:#fff;padding:32px 40px;border-radius:12px;box-shadow:0 2px 12px #00000014;width:360px}h1{margin:0 0 4px}.subtitle{color:#666;margin-top:0;margin-bottom:24px;font-size:14px}.tabs{display:flex;margin-bottom:16px}.tab{flex:1;padding:8px;border:none;background:#eee;cursor:pointer;font-weight:600}.tab.active{background:#2563eb;color:#fff}.tab:first-child{border-radius:6px 0 0 6px}.tab:last-child{border-radius:0 6px 6px 0}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form label{display:flex;flex-direction:column;font-size:13px;gap:4px}.auth-form input{padding:8px;border:1px solid #ccc;border-radius:6px;font-size:14px}.auth-form button{margin-top:8px;padding:10px;border:none;border-radius:6px;background:#2563eb;color:#fff;font-weight:600;cursor:pointer}.auth-form button:hover{background:#1d4ed8}.hidden{display:none}#status-message{font-size:13px;margin-top:12px;min-height:18px}#status-message.error{color:#dc2626}#status-message.ok{color:#16a34a}#profile-block button{padding:8px 14px;border:none;border-radius:6px;background:#e11d48;color:#fff;cursor:pointer}